如何组合js和bootstrap

Question

我正试图点击一个链接显示div标签，例如jsFiddle。

但这不行，有什么好的建议吗？

Sorry, I couldn't be able to copy/paste the code. SO doesn't accept long texts.

提前致谢！

Answer 1

我建议阅读文档。等待，你可以做这样的事情

$('#re').on('click',function(e) {
    e.preventDefault();
    $('#rpopup').css({
        'opacity': '1',
        'display': 'block'
    });
});

Answer 2

您可以在此处阅读bootstrap模式的文档：http://getbootstrap.com/javascript/#modals

要显示模态，您需要调用

$('#rpopup').modal('show')

您还应该删除＆＃34;隐藏＆＃34;来自模态的属性

您还需要包含bootstrap javascript才能使其正常工作

Answer 3

您无法设置属性hidden="false"，因为该属性的存在将导致div仍然被隐藏。您需要使用.removeProp()而不是将其设置为false：

$("#rpopup").removeProp("hidden");

然而，请注意，IE不会读取＆＃34;隐藏＆＃34;属性，所以最好使用jQuery .show()＆amp; .hide()

Answer 4

尝试：http://jsfiddle.net/SVEqe/11/

1. 您需要包含bootstrap-modal.js

2. data-toggle="modal"而不是click事件引发的火灾事件。