Bootstrap 3 /显示模式不能与javascript方式一起使用
我使用Bootstrap 3.0的Modalfunction。
我有这个代码:
Open the modal containing the content //nested content will be inserted here
当我点击锚点(链接)时,整个工作=>我看到带有内容的模态。
但是,当我使用Javascript方式(而不是链接)来显示这样的模态:
$('#myModal').modal('show');
我只看到淡化效果而没有显示模态…
当我开始点击链接,然后调用javascript,它的工作原理。 (副作用?)
当我以javascript方式启动时,即使链接仅显示没有模态的淡入淡出效果。
可能是.. modal
Javascript方法的一个错误?
有关信息,我使用的脚本的声明顺序正确:
我不确定我是否误解了你的问题。
根据我对你的问题的理解,你需要
$('#myModal').modal({ show: true, remote: '/myNestedContent' });
你不能只是
$('#myModal').modal('show');
因为这个js方法没有提供url。
这会解决你的问题吗?
你需要做的是当与js一起使用时从html标签中 删除 数据目标 ,让它调用两次函数,然后一个显示它,另一个删除它。 多数民众赞成我如何解决。
读者应注意, 根据文档 ,“远程:”选项已被弃用
“此选项自v3.3.0起已弃用,将在v4中删除。我们建议使用客户端模板或数据绑定框架,或者自己调用jQuery.load。
如果提供了远程URL,则将通过jQuery的加载方法一次加载内容并将其注入.modal-content div。 如果您正在使用data-api,则可以使用href属性指定远程源。 这方面的一个例子如下所示:“
Click me