![](/img/trans.png)
[英]when button clicked show a jquery datatable modal dialog box not working
[英]jQuery ui Dialog not working when clicked to button
我正在尝试修改基于引导程序和jquery的网页模板。 我试图在此页面中添加一个对话框,但无法正常工作。 (这是在“未结头寸 ”部分中不起作用的按钮)
您可以在下面下载我的文件。 您可以检查index.html文件。
我从链接添加此javascript
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
并为该javascript添加了以下几行:
<div id="dialog" title="Contact Us">
<p>info@info.info</p>
</div>
<button id="opener">Open Dialog</button>
为什么不起作用?
另一个问题; 而不是使用此jquery ui组件,我如何从“打开职位”部分跳转到“联系我们”部分的内容? 我也想知道,因为它们都在同一个html文件中。
你试过show
吗?
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "show" );
});
在文件中出现错误:对CSS的引用不正确:
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
造成问题的原因是对jQuery的两次额外引用。 请删除其他版本的jQuery,并将所有脚本移到底部。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.