0

私はそれをすべて1つのページに入れましたが、動作するはずですが、動作していません:

<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

srcjqueryを含めているときに参照が有効ですか? Google がホストするバージョンの JQuery と JQuery-ui を使用して、この jsfiddle でコードを正常に動作させることができました。

于 2012-06-18T07:17:46.040 に答える