爲什麼簡單的JQuery對話框/彈出不起作用？

我把它們都放在一個頁面，它應該工作和不工作：爲什麼簡單的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>

我想要使用jQuery一個簡單的彈出/對話，但它是不工作的。它有什麼問題？

來源

2012-06-18 Niklas Rosencrantz

什麼「不工作」？ – jbrtrnd

刪除'language'屬性。 – undefined

是'$（'button'）'有效的觸發器使用？ – Chris

呼籲document.ready

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

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

來源

2012-06-18 07:17:36 Dipak

謝謝。這工作。現在我只需要定位彈出窗口並對其進行重新編碼，以便它可以在同一頁面上使用多個彈出窗口。任何想法如何做到這一點？ –

@NickRosencrantz創建該函數的插件並將其應用於多個元素 - http://docs.jquery.com/Plugins/Authoring – Dipak

您應該運行在jQuery的風格的函數：

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

來源

2012-06-18 07:17:14

這不是必需的。 – Sarke

功能是否確定src引用是有效的，當你'包括jquery？我已經使用Google託管版本的JQuery和JQuery-ui獲得了代碼working fine on this jsfiddle。

來源

2012-06-18 07:17:46

jsfiddle將js放入一個窗口加載事件中，這就是爲什麼它在那裏工作，但不是爲他工作。 – Sarke

啊，好的 - 我沒有意識到。謝謝。 –

爲什麼簡單的JQuery對話框/彈出不起作用？

回答

相關問題