Question

jquery lib无法正常工作吗？这里的错误是什么？有人可以帮忙吗？我的HTML：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#dialog_link').click(function() {
            $("#dialog").dialog("open");
            $('#dialog').dialog();
            return false;
        });
    });
</script>
</head>
<body>
<div id="dialog" title="Dialog Title" style="display:none">Some text</div>
<button id="dialog_link">Open Dialog</button>

Answer 1

您还必须包含jQuery UI，因为dialog()不是jQuery的一部分

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#dialog').dialog({autoOpen: false});            
        $('#dialog_link').click(function() {
            $("#dialog").dialog("open");
            return false;
        });
    });
</script>

你需要初始化之前的对话框，而不是在

之后

FIDDLE

jquery没有显示预期的结果

1 个答案: