Question

我的网站页面运行header.php，其中包含所有网页所需的所有JavaScript和CSS。

我想要做的是，无论用户在哪个页面，如果他们点击<div> .register_button_click，他们就会打开一个JavaScript对话框。我已将JavaScript放在header.php文件中并创建了我的<div class="register_button_click">click here</div>，但它没有提供任何内容。

我哪里错了？

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

Answer 1

从id更改为类：

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

Answer 2

在jquery函数中，您尝试通过它的ID访问元素。但是你只在HTML代码中定义了元素的类。

将你的div改为<div id="register_button_click">click here</div>，一切都会好的。

点击<div>上的打开对话框？</div>

2 个答案: