Question

好的，我正在建造一个相框设计师。在它上面我想要它，这样当单击一个模式时，它会用模式填充文本。我使用.addClass实现了这一点。问题是我的.addClass阻止我的.css工作。我也无法重新点击它。要查看我正在谈论的内容，请参阅here

这是我的代码

    $("#pattern1").click (function() {
        $('.text').addClass('background1');
    });

    $('#purple').click (function() {
            $(".border").css("fill", "#a077a6");
    });

请不要问js小提琴。只需使用该网站。

Answer 1

我相信问题在于您每次添加一个类，但在单击其他模式后不会删除该类。所以我只是点击了每个模板，这是更改后的源代码：

<p style="color: rgb(0, 51, 114);" class="text background2 background3 background4 background5 background1 background6 background7 background8 background9 background10 background11 background12">Your words here</p>

因此，简单的JS不知道如何处理背景类。将<p>-Tag更改为以下内容：

<p id="text">Your words here</p>

并将每个功能更改为：

  $("#patternXXX").click (function() {
      $('#text').removeClass();
      $('#text').addClass('backgroundXXX');
  });

因此将删除每个类，并添加唯一需要的类。

问候

单击jQuery addclass并在单击其他内容时删除class

1 个答案: