为什么简单的JQuery对话框/弹出窗口不起作用?

Nik*_*ntz 0 html javascript css jquery

我把它全部放在一个页面上,它应该工作,不起作用:

<html>
<head>  <link href="css_js/styles.css" rel="stylesheet" type="text/css">
    <script language="JavaScript1.2" src="css_js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script language="JavaScript1.2" src="css_js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>   
    <script language="JavaScript1.2" type="text/javascript">
function popup() {
    alert('test');
    var popup = $('.newpopup');
    popup.draggable();
    popup.resizable();
    popup.html('<p>Where is pancakes house?</p>');
    popup.show('fast');
}
$('button').click(popup);
    </script>
</head>
<body>
<div class='newpopup'></div>
<button>popup</button>  
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想用Jquery做一个简单的弹出/对话,但它根本不起作用.这有什么问题?

Dip*_*pak 5

调用该功能 document.ready

$(document).ready(function(){
  $('button').click(function(){
     popup();
  });
})
Run Code Online (Sandbox Code Playgroud)

要么

$(function(){
  $('button').click(function(){
     popup();
  });
})
Run Code Online (Sandbox Code Playgroud)