Javascript Twitter引导模式不工作
我是Twitter引导的新手。我正在处理一个模态面板,但它没有被显示。它会使屏幕淡出,但模式本身不会出现。我已经检查了错误控制台,没有错误 我的代码在Javascript Twitter引导模式不工作,javascript,jquery,twitter-bootstrap,modal-dialog,Javascript,Jquery,Twitter Bootstrap,Modal Dialog,我是Twitter引导的新手。我正在处理一个模态面板,但它没有被显示。它会使屏幕淡出,但模式本身不会出现。我已经检查了错误控制台,没有错误 我的代码在标签内;我包括如下脚本: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="<?php echo $ruadmin
标签内;我包括如下脚本:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $ruadmin ?>js/bootstrap.js"></script>
<script src="<?php echo $ruadmin ?>js/tablesorter/jquery.tablesorter.js"></script>
<script src="<?php echo $ruadmin ?>js/tablesorter/tables.js"></script>
您需要使用数据目标
标记
尝试将href=“#myModal”
属性替换为数据目标=“#myModal”
。
此外,您已经放置了一个隐藏类,我想它不应该在那里
查看示例更改此选项:
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>
我也有同样的问题,我意识到我在引导后包括了JQUERY库
检查网页中是否先添加了/link JQUERY,然后再添加Bootstrap,以防有人遇到此问题,而上述任何一项都不起作用,我的modal的class属性中没有css类淡入淡出
我的情态版是这样的
<div class="modal" id="AdvanceSearchModal" tabindex="-1" role="dialog">
我加了淡入淡出类
<div class="modal fade" id="AdvanceSearchModal" tabindex="-1" role="dialog">
这样,模式会再次打开引导模式不喜欢以编号开头的Id
。
我有一个UUID
作为我的数据目标,但它不起作用
<button data-target="#7CB2ED35-3AE1-44FD-AEA8-D953E5C953D5">Launch Modal</button>
✌是的,成功了。问题是因为hide
class。谢谢:)将a
更改为按钮将不会起任何作用。诀窍在于设置数据目标
属性。你应该在回答中强调这一点。我在asp.net MVC项目中通过bundleconfig添加了bootstrap.js和bootstrap.min.js,为了见证在删除bootstrap.min.js并只保留bootstrap.jsWow之后所有这些都能正常工作,这真是太烦人了。在到处寻找之后,这些解决方案直到这一个才奏效。非常感谢。
<div class="modal" id="AdvanceSearchModal" tabindex="-1" role="dialog">
<div class="modal fade" id="AdvanceSearchModal" tabindex="-1" role="dialog">
<button data-target="#7CB2ED35-3AE1-44FD-AEA8-D953E5C953D5">Launch Modal</button>
<button data-target="#M-7CB2ED35-3AE1-44FD-AEA8-D953E5C953D5">Launch Modal</button>