JQuery 弹出窗口未呈现

JQuery popup is not rendering

本文关键字：窗口 JQuery      更新时间：2023-09-26

我正在尝试使用 Jquery 制作一个可拖动的弹出窗口，我正在遵循我在这里得到的建议。使用JQuery进行弹出窗口/对话框的最佳方法？但它根本不起作用。

该目录

<body id="content" onload="if(document.getElementById('beroende') != null) { ingVar(document.getElementById('beroende').value); }">
<div class='newpopup'></div>

.CSS

.newpopup 
{
    display:none;
    position:absolute;
}

爪哇语

    function popup(){
    // for the draggable you may want to specify the drag handle like only the title of the popup
    alert('i popup');
    var popup = $('.newpopup');
    popup.draggable();
    popup.resizable();
    $.get('/PandoraArendeWeb/arendeprocess_grunduppgifter.jsp', function(data) {        
        popup.html(data);
        popup.show('fast');
    });

我已将操作附加到一个按钮，它激活了警报，但没有弹出窗口正在渲染。这有什么问题？

我已将其缩减为一页，但没有任何效果：

<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() {
    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>

你还没有将你的js代码包装在一个onready事件中 http://api.jquery.com/ready/。

jQuery(function($){
    function popup() {
        var popup = $('.newpopup');
        popup.draggable();
        popup.resizable();
        popup.html('<p>Where is pancakes house?</p>');
        popup.show('fast');
    }
    $('button').click(popup);
});

从本质上讲，代码中发生的事情是$('button')返回一个空集，并且您将处理程序附加到空集，因此您根本不会附加处理程序。 jQuery不会为此抛出错误。

相关文章：