对话框不起作用

维沙尔

我有非常简单的代码。我想在有人单击超链接时显示对话框。

 <html lang="en">

 <head>
 <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

 <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

 </head>
 <body>
 <form>
  <a id='theLink' href="#">Common Questions</a>

      <div id="dialogform1"  title="Common Questions" style ="display:none">

       <p> this is question 1 </p>

</div>
  </form>
  <script type="text/javascript">

$( document ).ready(function()  

     {

    $("#theLink").click(function(e) {

       $('#dialogform1').dialog("open"); 

    });

  });

    </script>

 </body>
 </html>

但是,这不会打开带有先前声明的div内容的对话框。我不知道我在做什么错?我花了好几个小时才能找到原因,但似乎找不到。需要另一只眼睛看问题。

感谢您抽出宝贵时间并回答问题。

好吧

更新的代码:

引用jQuery UI对话框

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <title></title>
</head>

<body>
    <form>
        <a href="#" id='theLink' name="theLink">Common Questions</a>
        <div id="dialogform1" style="display:none" title="Common Questions">
            <p>this is question 1</p>
        </div>
    </form>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#theLink").click(function (e) {
                $('#dialogform1').dialog();
                $('#dialogform1').dialog("open");
            });
        });
    </script>
</body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

md对话框不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

对话框jQuery不起作用

来自分类Dev

对话框消息不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

md对话框不起作用

来自分类Dev

jQuery对话框不起作用

来自分类Dev

模态对话框不起作用

来自分类Dev

AngularJS材质对话框不起作用

来自分类Dev

Kubuntu 15.04“文件打开”对话框不起作用

来自分类Dev

打开文件对话框不起作用

来自分类Dev

带单选按钮的对话框不起作用onClick()

来自分类Dev

为什么我的对话框不起作用?

来自分类Dev

Primefaces对话框关闭按钮不起作用

来自分类Dev

Android对话框wrap_content不起作用

来自分类Dev

Flutter General对话框-设置状态不起作用

来自分类Dev

Kubuntu 15.04“文件打开”对话框不起作用

来自分类Dev

导航到jQuery Mobile对话框不起作用

来自分类Dev

p:对话框中的p:commandButton不起作用

来自分类Dev

SelectAll在对话框WPF中不起作用

来自分类Dev

GXT DateField在模式对话框中不起作用

来自分类Dev

jQuery UI对话框的“关闭”按钮不起作用

来自分类Dev

jQuery打开弹出对话框不起作用

来自分类Dev

Android Alert对话框-如果语句不起作用

来自分类Dev

jQuery Mobile对话框页面不起作用

来自分类Dev

带单选按钮的对话框不起作用onClick()

来自分类Dev

Bootstrap对话框提示(窗体)不起作用

来自分类Dev

时间选择器对话框不起作用

来自分类Dev

Android对话框wrap_content不起作用