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

我有一个按钮，按下时会显示隐藏的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>

{%csrf_令牌%}

还有我的javascript：

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

函数doIt（）{
$（“.cambio imagen”）。显示（“慢”）；
}
$（“#boton imagen”）。单击（doIt）；
$（“#表单cambio imagen”）。提交（功能（事件）{
$（“.cambio imagen”）.hide（“fast”）；
});
}
});

进口

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

---

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

您有语法错误，请在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");
    });
});

---

脚本中的错误调用文档就绪

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

---

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

检查此URL:

尝试

$("#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>

$（文档）.ready（函数（）{
$（“#boton imagen”）。单击（函数（）{
$（“.cambio imagen”）。显示（“慢”）；
});
$（“#表单cambio imagen”）。提交（功能（事件）{
$（“.cambio imagen”）.hide（“fast”）；
});    
});

试试看：

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

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

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

---

函数doIt（）在调用doIt（）的任何地方都不会被调用？您有语法错误我编辑了您的问题，以便对JS应用适当的缩进（除了空格以外没有任何更改）-您现在会注意到，很明显您有一个额外的

}

和

}）在脚本的最后两行中，出现语法错误，使整个脚本无法运行。（即使撇开是否需要文档就绪处理程序的问题不谈。）@Praveen和Marikkani-
doIt（）
被绑定为单击处理程序，但其他语法错误会阻止脚本工作。为什么<代码>$（“#boton imagen”）。单击（doIt）是有效的。（修复实际语法错误怎么样？）修复OP脚本中的语法错误怎么样？为什么
.show（）
不起作用？为什么要添加一个匿名函数来包装对
doIt（）的调用？OP的版本带有
$（“#boton imagen”）。单击（doIt）
有效。您必须将事件处理程序绑定到“click”JavaScript eventYes和
$（“#boton imagen”）。单击（doIt）绑定
doIt（）
。您可以选择使用匿名函数，但您不必这样做（当它所做的只是调用您可以直接绑定的另一个函数时也没有意义）；而不是doItNo。它使用括号立即调用函数。如果没有括号，您将获得对可以绑定的函数的引用。你自己看看这里：