javascript - 为什么我的jquery函数.show在按钮上不起作用

Question

我有一个按钮，按下时会显示隐藏的 div 标签，但它不起作用，我不知道为什么。这是我的html代码：

<div class="cambio-imagen">
    <form id="form-cambio-imagen" action="usuario/imagechange/" method="POST" enctype="multipart/form-data">{% csrf_token %}
        <input type="file" name="us_picture" id="id_us_picture">
        <input type="submit" name="submit" value="cambiar" />
    </form>
</div>

和我的 javascript：

<script>
  function doIt() {
      $(".cambio-imagen").show("slow");
  }
  $("#boton-imagen").click(doIt);
  $("#form-cambio-imagen").submit(function (event) {
      $(".cambio-imagen").hide("fast");
  });
  }
  });
</script>

进口

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

有人可以帮我吗？我是 jquery 和 javascript 的新手。谢谢。

Answer 1

您有语法错误，并在 dom ready hadnler 中添加脚本

jQuery(function () {
    function doIt() {
        $(".cambio-imagen").show("slow");
    }
    $("#boton-imagen").click(doIt);
    $("#form-cambio-imagen").submit(function (event) {
        $(".cambio-imagen").hide("fast");
    });
});

Answer 2

脚本中的错误调用 Document ready

$(document).ready(function(){
    function doIt() {
        $(".cambio-imagen").show("slow");
    }
    $("#boton-imagen").click(doIt);
    $("#form-cambio-imagen").submit(function (event) {
        $(".cambio-imagen").hide("fast");
    });
});

Answer 3

请使用 jquery 切换方法。你可以达到你的要求。

检查此网址：http ://api.jquery.com/toggle/

Answer 4

试试喜欢

$("#boton-imagen").click(function(){
    doIt();
});

你也有语法错误..试试

<script>
   $(document).ready(function(){
       $("#boton-imagen").click(function(){
          $(".cambio-imagen").show("slow");
       });
       $("#form-cambio-imagen").submit(function (event) {
           $(".cambio-imagen").hide("fast");
       });    
   });
</script>

Answer 5

试试看 ：

function doIt() {
      $(".cambio-imagen").show("slow");
}

$("#boton-imagen").click(
    doIt();
);

$("#form-cambio-imagen").submit(function (event) {
      $(".cambio-imagen").hide("fast");
  });