如果在创建Jquery弹出框时需要大量id和类，那么什么是正确的解决方案

What is the right solution if I need lots of id and classes when creating a Jquery popup box?

本文关键字：和类 什么 解决方案 id Jquery 创建 如果      更新时间：2023-09-26

好吧，在我的网站管理面板中，我有users.php页面，在那里我必须使用Jquery/Ajax向服务器发送更多请求。当我将此请求发送到服务器时，我需要显示弹出框，例如编辑用户详细信息、重新发送确认密码、发送登录详细信息等…使用jQuery Modals(您可以在此处看到弹出插件。(。。http://zurb.com/playground/reveal-modal-plugin)

因此以下是弹出框代码：

这里我使用$i。这意味着它增加了$i=0/1/2，因此增加了一。。。。基于sql查询结果。。所以Id现在还可以，但这里我需要不同的类，如reveal-modal1、reveal-modal2、reveaal-modal3等等，基于sql查询结果。所以我的问题是，现在是否需要在基于sql结果的样式表中创建更多的类，或者是否有任何解决方案只需要一个类或id？

<div id="myModal<?php echo $i; ?>" class="reveal-modal3" style="width:90%; margin:a auto; 
color:#FFF; visibility: hidden;">
// my popup data....
</div>

注意：现在我正在使用。reveal-modal3，reveal-modal4等等。但我认为这不是正确的方法。有人能帮我吗？

class="reveal-modal reveal-modal1"有什么问题，从而允许您在每个ID上有单独的类，同时仍然有一个适用于所有类的静态reveal-modal类？；(

一般来说，class属性应该始终是静态的，末尾不应该有递增的数字。。。

<a href="#" class="big-link" data-reveal-id="myModal1">
        Popup 1
    </a>    
    <a href="#" class="big-link" data-reveal-id="myModal2">
        Popup 2
    </a>
    <a href="#" class="big-link" data-reveal-id="myModal3">
        Popup 3
    </a>
    <div id="myModal1" class="reveal-modal">
        <h1>Reveal Modal Goodness -1</h1>
        <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    <div id="myModal2" class="reveal-modal">
        <h1>Reveal Modal Goodness -2</h1>
        <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    <div id="myModal3" class="reveal-modal">
        <h1>Reveal Modal Goodness -3</h1>
        <p>This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.</p>
        <a class="close-reveal-modal">&#215;</a>
    </div>

类对于所有弹出框都是通用的。您需要为可以增加的单个弹出窗口保留唯一id

相关文章：