[英]Jade: get variable in Bootstrap Modal
我正在努力實現以下目標:
我的Jade頁面使用for
-loop來生成項目列表。 該列表中的每個項目都有一些信息,這些信息通過Jade變量顯示,並帶有一個刪除按鈕。 此刪除按鈕應打開一個Bootstrap Modal(一個彈出窗口)。 我希望Modal包含有關列表中相應項目的一些信息。
這是我的Jade文件:
//Modal
.modal.fade#delPubModal(tabindex='-1', role='dialog')
.modal-dialog
.modal-content
.modal-header
button.close(type='button', data-dismiss='modal')
span(aria-hidden='true')
span.sr-only
| Close
h4#delPubLabel.modal-title
| Delete //#{pub.title} should go here
.modal-body
p#modalPubTitle
| Are you sure you want to delete //#{pub.title} should go here
p
| This can not be undone
form#delPubForm.form(method='post', action='deletepublication')
.modal-footer
button#modalDelPub.btn.btn-danger(type='submit', form='delPubForm')
| Delete
button.btn.btn-succes(type='button', data-dismiss='modal')
| Close
//List of items
ul.media-list
- var len = pubObject.length
- for(var i = 0; i < len; i++)
//Each pub has a title
//The title should be passed on to the corresponding Modal
- var pub = pubObject[i]
.panel.panel-default
.panel-body
li.media
.media-body
h4.media-heading#pubTitle
| #{pub.title}
button#delPub.btn.btn-danger(data-toggle='modal', data-target='#delPubModal')
span.glyphicon.glyphicon-trash
| Delete
我該如何實現? 我一直在嘗試使用JavaScript,但到目前為止沒有成功。
這是我的JavaScript代碼:
$(document).ready( function() {
$('#delPub').on('click', function() {
var title = $(this).closest('h4').text();
$('#delPubLabel').text(title);
});
});
我通過使用以下JavaScript代碼解決了它:
$(document).ready( function() {
$('#delPub').on('click', function() {
var title = $('#delPub').parent().find('h4').text();
$('#delPubLabel').append(document.createTextNode(title));
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.