Question

我是javascript的新手，我真的想学习它，我最近尝试用Codemiror制作带有所有可选选项和设置的HTML编辑器。我知道这对初学者来说很难，但我有信心。所以现在我正在尝试为HTML编辑器制作可更改的分割窗格。我有分隔板＆＃34; Jquery splitpane＆＃34;我想要选择在水平和垂直视图之间切换。但要做到这一点，我将需要改变＆＃34;类＆＃34;和＃34; IDS＆＃34;用于分割窗格的div。垂直splitpane有一些类和IDS，水平有其他。我发现了如何使用按钮同时切换多个类，但现在我在使用＆＃34; IDS＆＃34;时遇到了问题。我在网站上找到了一个modifiet脚本，但我无法让它工作。如果你们能帮我解决问题，我将非常感激。所以这里是切换ID的脚本：

＆＃13;

#red {
  background: red;
}

#blue {
  background: blue;
}

#green {
  background: green;
}

#yellow {
  background: yellow;
}

＆＃13;

<button href="#" class="buttontoggle buttontoggle2">changehtmlstyle</button>

<div id="blue" class="toggleelement">This is a div</div>

<div id="green" class="toggleelement2">This is a div</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript">
  var clickCount = 0;
  $(".buttontoggle").on("click", function() {
    clickCount++;
    $("div.toggleelement").attr("id", clickCount % 2 === 0 ? "blue" : "red");
  });
</script>

<script type="text/javascript">
  var clickCount = 0;
  $(".buttontoggle").on("click", function() {
    clickCount++;
    $("div.toggleelement2").attr("id", clickCount % 2 === 0 ? "blue" : "red");
  });
</script>

＆＃13;

如果删除其中一个ID，我可以切换其中一个ID，但我需要同时切换4个以上的ID。

Answer 1

您已为gradle.properties创建了两个点击事件功能。单击该按钮将导致这两个功能运行。由于每个函数都有.buttontoggle，因此每次点击时clickCount++的值会增加2。一遍又一遍地添加0乘以总是给出2的倍数并且其2的mod将总是给你0.这就是为什么你永远不会看到颜色切换，因为只有一个条件总是为真。

我不确定你为什么要两次写这个事件，但是有几个解决方案。您可以根据自己的需要使用。如果您只使用一次点击事件就可以了，那么只需合并两个事件：

clickCount

或者，如果您因任何原因需要两个功能，则可以从其中一个功能中删除var clickCount = 0; $(".buttontoggle").on("click", function() { clickCount++; $("div.toggleelement").attr("id", clickCount % 2 === 0 ? "blue" : "red"); $("div.toggleelement2").attr("id", clickCount % 2 === 0 ? "blue" : "red"); });。

使用按钮

1 个答案: