bootstrap 팝업창 만들기 단원에서 질문있습니다.
920
작성한 질문수 1
게시판에서 삭제 버튼이 눌리지 않아
data-toggle , data-target은
data-bs-toggle, data-bs-target 으로 수정하여 버튼 눌러서 모달창 팝업까지는 해결하였습니다.
하지만 모달창에
body-text는 todo내용이 아닌 body-text 문자 그대로 보여주고
delete 버튼을 눌러도 내용이 삭제 되지않습니다.
버젼이 틀려서 스크립트에서 id,name,todo를 받아오지 못하는거 같은대 아무리 찾아봐도 해결법을 모르겠습니다.
답변 3
1
독자님. 아래처럼 해 보세요. element.setAttribute(속성명, 속성값)
modalFooter.setAttribute('href', '/todo/' + id + '/delete2/')
0
안녕하세요. 독자님.
bootstrap v5.2 에서는 data-bs-whatever 라는 키워드로 바뀌어서, data-xxx 가 아니라 data-bs-xxx 로 해줘야 합니다. 그래서 HTML 부분과 Javascript 부분을 아래와 같이 변경해 보세요.
data-bs-id="{{todo.id}}" data-bs-name="{{todo.name}}" data-bs-todo="{{todo.todo}}" const id = button.getAttribute('data-bs-id')
const name = button.getAttribute('data-bs-name')
const todo = button.getAttribute('data-bs-todo')
0
안녕하세요. 독자님.
부트스트랩 버전이 현재는 5.2 이군요. 독자님도 5.2 버전을 사용하고 계신가요 ?
예전 부트스트랩에서는 jQuery 를 사용했으나 현재는 jQuery 를 사용하지 않아서 발생하는 에러로 보입니다.
아래 사이트가 강의에서 사용한 모달의 v5.2 버전 소스 입니다. 소스가 비슷하니 (javascript 부분은 많이 바뀜), 강의를 참고해서 시도해 보기 바랍니다.
https://getbootstrap.com/docs/5.2/components/modal/#varying-modal-content
그래도 안되면 html 파일을 올려 주세요. 제가 실행해 보겠습니다.
감사합니다.
들여쓰기 단축키가 어떻게 되나요?
0
253
1
mixin 에러가 나서 실행이 안되요.
0
420
4
화면 에러화면이 자꾸 뜨네요..
0
418
4
todo_form.html 하단에 todo_List.html의 리스트가 오게 하고 싶습니다.
0
353
1
bootodo.html에서 Vue 코드가 적용되지 않습니다.
0
577
1
cdn vue버전
3
720
2
MultipleObjectMixin get 메소드 상속
0
252
1
Vue에서 파일 업로드시
0
718
1
vue django 연동 질문
0
500
1
장고 프론트엔드 백엔드 분리 관련 질문입니다 !
0
491
1
home화면에서 이미지가 안보입니다.
0
293
2
이 강의와 새로 만드신 강의의 차이점을 알고 싶습니다.
0
301
1
좋은 강의 감사합니다.
0
249
1
staticfiles가 static으로 바뀌었습니다.
0
278
1
장고 3.1에서 다음과 같이 바뀌었습니다.
0
292
2
Vuejs 와 Reactjs의 차이
0
356
1
vue js 오픈소스 연동
0
495
2
createView에서 success_url
0
252
1
강의자료 HtmlTodo.zip 파일 구글드라이브에서 바이러스로 인식해서 다운로드 안됩니다.
1
269
2
object에 왜 todo 컬럼이 추가되는지?
0
206
2
django_only 실습중 에러 제보
0
276
3
BaseListView
1
274
1
todo_confirm_delete.html
1
343
1
값이 전달 안됩니다
1
218
2





