Javascript 打开<；上的对话框；部门>；点击_Javascript_Jquery

Javascript 打开<；上的对话框；部门>；点击

javascript jquery

Javascript 打开<；上的对话框；部门>；点击,javascript,jquery,Javascript,Jquery,我的站点页面运行header.php，其中包含所有页面所需的所有JavaScript和CSS 我试图做到的是，无论用户在哪个页面上，如果他们单击.register\u按钮\u单击，就会打开一个JavaScript对话框。我已将JavaScript放在header.php文件中，并创建了我的单击此处，但它没有显示任何内容我哪里做错了 <head> <script type="text/javascript"> var $dialog;

我的站点页面运行

header.php

，其中包含所有页面所需的所有JavaScript和CSS

我试图做到的是，无论用户在哪个页面上，如果他们单击

.register\u按钮\u单击

，就会打开一个JavaScript对话框。我已将JavaScript放在header.php文件中，并创建了我的

单击此处

，但它没有显示任何内容

我哪里做错了

<head>       
 <script type="text/javascript">
        var $dialog; 
        $(document).ready(function () {
            $dialog = $('<div></div>')
            .html('My Dialog Demo...')
            .dialog({
                autoOpen: false,
                title: 'My Dialog'
            });

            $('#register_button_click').click(function () {
                $dialog.dialog('open');
                return false; ////cancel eventbubbeling
            });
        });

        function showDialog() {
            $dialog.dialog('open');
            return false //cancel eventbubbeling
        }

    </script>
 </head>


var$对话框；
$（文档）.ready（函数（）{
$dialog=$（''）
.html（'我的对话框演示…'）
.对话({
自动打开：错误，
标题：“我的对话”
});
$（“#注册_按钮_单击”）。单击（函数（）{
$dialog.dialog（'open'）；
返回false；///cancel eventbubbeling
});
});
函数showDialog（）{
$dialog.dialog（'open'）；
返回false//cancel eventbubbeling
}

从id更改为类：

           $('.register_button_click').click(function () {
               showDialog();
            });

在jquery函数中，您试图通过元素的ID访问该元素，但您只在HTML代码中定义了该元素的类

将您的div更改为

单击此处

，一切都会好起来。

您的问题是

。register_按钮_单击

，但代码是

#register…

，您有一个从未调用过的

showDialog

方法。按$（'.className'通过类访问元素）你是不是在以友好的方式创建div？在这种情况下，事件将不会被绑定，您需要使用jQuery live或类似的@Mc-不要将人们指向

live

，因为它已被弃用。将他们指向

文档中的“事件委派”部分。Wops，完全正确@JamesMontagne