0

我将所有内容放在一页中,它应该可以工作并且不工作:

<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>

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

4

3 回答 3

5

调用函数document.ready

$(document).ready(function(){
  $('button').click(function(){
     popup();
  });
})

或者

$(function(){
  $('button').click(function(){
     popup();
  });
})
于 2012-06-18T07:17:36.647 回答
0

你应该以 jQuery 风格运行你的函数:

$('button').click(function() { 
     popup();
     return false; //optional
 }
于 2012-06-18T07:17:14.040 回答
0

src当您包含 jquery 时,您确定参考有效吗?我使用 Google 托管的 JQuery 和 JQuery-ui 版本让您的代码在这个 jsfiddle 上运行良好。

于 2012-06-18T07:17:46.040 回答