JS不会间接执行

时间:2014-09-19 16:21:35

标签: javascript jquery html jquery-ui

我有这个js代码完全可以双击,但是当我尝试将它合并到另一个文件中时,它不起作用。该代码应该在按钮点击时显示一个POP上窗口。第二种情况的问题是,应该在弹出窗口中显示什么,直接在浏览器中显示,单击按钮时没有任何反应。有没有人有这方面的经验?

<!doctype html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
        <script>
            $(document).ready(function(){
                $( "#hello" ).dialog({ autoOpen: false });
                $( "#say_it" ).click(function() {
                    $( "#hello" ).dialog( "open" );
                });
            });
        </script>
    </head>
    <body>
        <p>This page wants to say "Hello!"<br>
        Be nice and press the button.</p>
        <button id="say_it">Say "Hello!"</button>
        <div id="hello" title="Hello  World!"><p><font face="Georgia" size="4">
        Hey, world, I just said "Hello!"</font></p></div>
    </body>
</html>

1 个答案:

答案 0 :(得分:1)

是一个模拟带样式的弹出窗口的库, 那么是当前窗口的弹出

使用Jquery-ui的内部弹出窗口

$('.some').dialog( "open" );

它是外部弹出窗口

prompt("Please enter your name", "Harry Potter");

另一个

alert('other popup');

和另一个

window.open('popup.html');