Question

这是我的代码，在窗口上打开pop，类的名称就像我的输入值。它适用于我的第一部分html（PASS是我的html ocde中的第一部分），但不适用于其他人。问题是什么？

                </div>
            </div>  
<!---------------- POLL BUTTON DIV(POP-UP)---------------------->
            <div id="modal"  class="poll">
                <div id="content">

                </div>
            </div>  
<!---------------- PASS BUTTON DIV(POP-UP)---------------------->
            <div id="modal"  class="pass">
                <div id="content">

                </div>
            </div>  
    <script type="text/javascript">
        $(document).ready(function() {
            $('#link').click(function(e) { // Button which will activate our modal
            var block = $(this +":input").val();
                $('.'+block).reveal({ // The item which will be opened with reveal
                    animation: 'fade',                   // fade, fadeAndPop, none
                    animationspeed: 600,                       // how fast animtions are
                    closeonbackgroundclick: true,              // if you click background will modal close?
                    dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
                });
            return false;
            });
        });
    </script>

Answer 1

在这些属性上切换class和id属性，然后在jQuery中调用该类，而不是ID。

只有在遍历DOM时才会引用ID。之后它停止搜索。

以下是使用 HTML ：

进行结构的正确方法

        <div id="poll"  class="modal">
            <div class="content">
            </div>
        </div>  
        <div id="pass"  class="modal">
            <div class="content">
            </div>
        </div>

还将<div id="content">更改为<div class="content">，因为您有多个。要特别选择一个，请使用：

$('#pass').find('.content')

作为一个例子。

以下是您在 jQuery 中使用的内容：

$('.modal').click()

这将取代您的$('#link').click()

jquery只打开第一个按钮

1 个答案: