Question

我不知道为什么我的这段代码不起作用......我想要＆＃34; +＆＃34;标志出现，当我们点击该标志然后是＆＃34; - ＆＃34;同时显示该段落。当我们点击＆＃34; - ＆＃34;签署以初始状态返回。

＆＃13;

$(document).ready(function() {
  $("#main").append("<img src='https://webapps-cdn.esri.com/graphics/ui/plus-sign-10.png' id='clickMe' />");
  $("#message").hide();

  $("#clickMe").toggle(function() {
      $("#clickMe").attr("src", "https://webapps-cdn.esri.com/graphics/ui/minus-sign-10.png");
      $("#message").show();
    },
    function() {
      $("#clickMe").attr("src", "https://webapps-cdn.esri.com/graphics/ui/plus-sign-10.png");
      $("#message").hide();
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="main"></div>
<p id="message">You should see this message!</p>

＆＃13;

Answer 1

尝试this fiddle。

jQuery的toggle功能无法处理点击事件...您需要使用In [1]: sc.applicationId Out[1]: u'local-1455827907865'。

click()

Answer 2

$("#main").append("<img src='https://webapps-cdn.esri.com/graphics/ui/plus-sign-10.png' id='clickMe' />");
$("#message").hide();

function toggle() {
  if ($("#message").is(':visible')) {
    $("#clickMe").attr("src", "https://webapps-cdn.esri.com/graphics/ui/plus-sign-10.png");
    $("#message").hide();
  } else {
    $("#clickMe").attr("src", "https://webapps-cdn.esri.com/graphics/ui/minus-sign-10.png");
    $("#message").show();
  }
}

$("#clickMe").click(function() {
  toggle();
});

有效！

切换不适用于jQuery

2 个答案: