Javascript 为什么简单JQuery对话框/弹出窗口不工作？_Javascript_Jquery_Html_Css

Javascript 为什么简单JQuery对话框/弹出窗口不工作？

javascript jquery html css

Javascript 为什么简单JQuery对话框/弹出窗口不工作？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我将所有内容放在一页中，它应该可以工作，但不起作用： <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> <sc

我将所有内容放在一页中，它应该可以工作，但不起作用：

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


函数popup（）{
警报（“测试”）；
var popup=$（'.newpopup'）；
popup.draggable（）；
popup.resizeable（）；
html（“煎饼屋在哪里？”）；
popup.show（'fast'）；
}
$（“按钮”）。单击（弹出窗口）；
弹出窗口

我想用Jquery创建一个简单的弹出/对话框，但它根本不起作用。有什么问题吗？

您应该以jQuery风格运行函数：

$('button').click(function() { 
     popup();
     return false; //optional
 }

您应该以jQuery样式运行函数：

$('button').click(function() { 
     popup();
     return false; //optional
 }

调用

document.ready上的函数
$(document).ready(function(){
  $('button').click(function(){
     popup();
  });
})

或
调用document.ready上的函数
$(document).ready(function(){
  $('button').click(function(){
     popup();
  });
})

或
当包含jquery时，您确定src
引用有效吗？我使用谷歌托管的JQuery和JQuery ui版本获取了您的代码。
您确定在包含JQuery时，src
引用有效吗？我使用谷歌托管版本的JQuery和JQuery ui获取了您的代码。
删除语言属性。$（“按钮”）
是有效的触发器吗？它对我有效您在尝试将事件绑定到按钮元素后加载按钮元素，也就是说，没有任何东西可以绑定事件来移动语言属性。$（'button'）
是一个有效的触发器吗？它对我有用。在尝试将事件绑定到按钮元素后，您正在加载按钮元素，也就是说，没有任何东西可以绑定事件到jsfiddle将js放入窗口加载事件中，这就是为什么它在那里工作，但不是为他。啊，好吧，我没有意识到。谢谢。jsfiddle将js放在一个窗口加载事件中，这就是为什么它在那里工作，但不适合他。啊，好吧，我没有意识到。谢谢，谢谢。成功了。现在我只需要定位弹出窗口并对其重新编码，使其与同一页面上的多个弹出窗口一起工作。你知道怎么做吗？@Nickrosenscrantz为这个功能创建了一个插件，并将其应用到多个元素上——谢谢。成功了。现在我只需要定位弹出窗口并对其重新编码，使其与同一页面上的多个弹出窗口一起工作。你知道怎么做吗？@Nickrosenscrantz创建了一个该功能的插件，并将其应用于多个元素-