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 handler

中添加脚本

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(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");
  });

为什么我的函数.show的jquery不能在一个按钮上工作

5 个答案: