1

我的网站页面运行了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>
4

2 回答 2

1

从 id 更改为 class：

           $('.register_button_click').click(function () {
               showDialog();
            });
于 2013-01-28T15:20:26.890 回答
1

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

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

于 2013-01-28T15:24:41.400 回答