Question

我正在尝试创建一个人们可以编辑页面上特定区域的小应用程序（如小型CMS）

我有以下HTML

<div class="main">
   <div class="zone">
     <div class="editor">
       <ul>
        <li>Bold</li>
        <li>Italic</li>
       </ul>
     </div>
     <div class="content">Some Content</div>
   </div>

   <div class="zone">
     <div class="editor">
       <ul>
        <li>Bold</li>
        <li>Italic</li>
       </ul>
     </div>
     <div class="content">Some More Content</div>
   </div>

</div>

我要做的是，如果我点击某个区域，则会显示特定editor的{{1}} div。然后所有其他人必须关闭（因为我不编辑区域）

jQuery的：

zone

谢谢

Answer 1

你的hide（）函数只执行一次 - 在页面加载后的domready上。

您必须在点击功能中移动隐藏代码

 jQuery(this).find(".content").click(function(e) {
    jQuery().find('div.editor').hide();
    var parent = jQuery(this).parent().parent();

    var selected = parent.find('div.zone.ui-selected');

E：如上所述，你必须在点击事件中添加hide（）。

$('div.editor').hide();

此外，您不应该使用js来初始隐藏内容。使用CSS display：none来阻止页面加载时显示/隐藏。见这里：

http://jsfiddle.net/aAvC5/4/

jQuery打开/关闭基于所选项目的div

1 个答案: