javascript - 单击 <div> 打开对话框?

标签 javascript jquery

我的网站页面跑掉了 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>

最佳答案

从 id 到 class 的变化:

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

关于javascript - 单击 <div> 打开对话框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14564996/

相关文章:

javascript - jquery 对话框不显示 View no 404 只是空白屏幕 mvc 4

javascript - 为什么这是真的 : parseInt(1111111111111111, 2) === parseInt(11111111111111111,2)

javascript - 如何为响应式设计禁用 javascript

javascript - 如果选择下拉菜单 "Other",会出现输入框吗?

javascript - 使用 HTML/JQuery/CSS 依次显示 DIV

javascript - 从 API 更新 Parse.com 类

javascript - 将对象循环到另一个对象/数组中

javascript - 如何在其输入元素上检测 jQuery UI datepicker 的向上或向下方向?

javascript - jQuery Datepicker - 动态更改可选择的日期

javascript - 如何将毫秒转换为可读的日期?