Twitter bootstrap 引导模式不';t显示
我正在使用bootstrap的最新版本。我动态创建了一个引导模式。我给了modelLink href值give to fade_div ID。但当我单击链接按钮时,它不会显示模式。请告诉任何人我的问题的解决办法。下面是我为引导模式编写的代码Twitter bootstrap 引导模式不';t显示,twitter-bootstrap,bootstrap-modal,Twitter Bootstrap,Bootstrap Modal,我正在使用bootstrap的最新版本。我动态创建了一个引导模式。我给了modelLink href值give to fade_div ID。但当我单击链接按钮时,它不会显示模式。请告诉任何人我的问题的解决办法。下面是我为引导模式编写的代码 var modelLink = document.createElement('a'); modelLink.setAttribute('role', 'button'); modelLink.setAttribute('data-t
var modelLink = document.createElement('a');
modelLink.setAttribute('role', 'button');
modelLink.setAttribute('data-toggle', 'modal');
modelLink.className = "btn btn-primary btn-sm";
modelLink.innerHTML = "Display";
modelLink.href = '#myModal';
divElementGroup1.appendChild(modelLink);
var file_list;
var fade_div;
jQuery(modelLink).on('click', function() {
jQuery("#myModal").modal("show");
});
var fade_div = document.createElement('div');
fade_div.className = "modal fade";
fade_div.id = "myModal";
fade_div.setAttribute('tabindex', '-1');
fade_div.setAttribute('role', 'dialog');
fade_div.setAttribute('aria-labelledby', 'myModalLabel');
fade_div.setAttribute('aria-hidden', 'true');
var model_dialog = document.createElement('div');
fade_div.appendChild(model_dialog);
var model_content = document.createElement('div');
model_dialog.appendChild(model_content);
var model_header_div = document.createElement('div');
model_header_div.className = "model-header";
model_content.appendChild(model_header_div);
var top_right_close_button = document.createElement('button');
top_right_close_button.className = "close";
top_right_close_button.setAttribute('data-dismiss', 'modal');
top_right_close_button.setAttribute('aria-hidden', 'true');
top_right_close_button.innerHTML = "X";
model_header_div.appendChild(top_right_close_button);
var model_body = document.createElement('div');
model_body.className = "model-body";
model_content.appendChild(model_body);
var model_footer_div = document.createElement('div');
model_footer_div.className = "modal-footer";
model_content.appendChild(model_footer_div);
var close_button = document.createElement('button');
close_button.className = "btn";
close_button.setAttribute('data-dismiss', 'modal');
close_button.setAttribute('aria-hidden', 'true');
close_button.innerHTML = "Close";
model_footer_div.appendChild(close_button);
提前感谢。因为您正在动态创建链接,所以需要使用事件委派:
var modelLink = document.createElement('a');
jQuery(document).on('click', modelLink, function() {
jQuery("#myModal").modal("show");
});
谢谢你的评论。上面的代码我试过了。但当我点击按钮时,它不会显示模态。它没有正确引用ID。如何在引导模式中将href动态分配给ID。