我有简单的html页面:
<html> <head> <title></title> </head> <body> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#OpenDialog").click(function () { $("#dialog").dialog({modal: true,height: 590,width: 1005 }); }); }); </script> <a id="#OpenDialog" href="#">Click here to open dialog</a> <div id="dialog" title="Dialog Title"> <p>test</p> </div> </body> </html>
我的代码中出了什么问题?
谢谢!
解决方法
如果你想在$(“#OpenDialog”)中使用jQuery选择器,那么元素的id不应该包含#.click(
更改
<a id="#OpenDialog" href="#">Click here to open dialog</a>
至
<a id="OpenDialog" href="#">Click here to open dialog</a>