javascript - 如果之前未选择元素，则执行功能

Question

当 div 带有 .redactor 时类被点击，检查它是否已经作为被选元素。

• 如果它已经被选中，那么什么都不做。

• 如果是新选的则

  1. 执行initialize_redactor()对于当前选定的 div，
  2. 并执行 destroy_redactor()如果有任何先前选择的 div。

• 同时 .redactor 中的任何一个如果单击 .redactor 以外的区域，则选择 div div，然后执行destroy_redactor()对于当前选择的 .redactor分区

sample 在 codepen.io

html:

<div id="toolbar_wrapper">
  <div id="toolbar">
  </div>
</div>

<div id="content">
  <div class="redactor">
    <h1>Header</h1>
    <p>Paragraph</p>
  </div>

  <div class="redactor">
    <h1>Another Header</h1>
    <p>Another Paragraph</p>
  </div>
</div>

Answer 1

您应该遍历每个“.redactor”元素并在所选元素上运行 destroy_redactor:

$('.redactor').on("click", function() {
    $(".redactor").each(function () {
        if($(this).hasClass("selected"))
        {
             destroy_redactor(current_edit);
             $(this).removeClass("selected");
        }
    });

    $(this).addClass("selected");
    current_edit = $(this);
    initialize_redactor(current_edit);
});