0

押されたときに非表示の 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は初めてです。ありがとう。

4

5 に答える 5

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");
    });
});
于 2013-11-06T05:27:28.597 に答える
0

jquery のトグル メソッドを使用してください。あなたの要求を達成することができます。

この URL を確認してください: http://api.jquery.com/toggle/

于 2013-11-06T05:31:23.137 に答える
0

それを試してみてください ：

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

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

$("#form-cambio-imagen").submit(function (event) {
      $(".cambio-imagen").hide("fast");
  });
于 2013-11-06T06:05:27.683 に答える
0

スクリプト呼び出しのエラー ドキュメントの準備ができました

$(document).ready(function(){
    function doIt() {
        $(".cambio-imagen").show("slow");
    }
    $("#boton-imagen").click(doIt);
    $("#form-cambio-imagen").submit(function (event) {
        $(".cambio-imagen").hide("fast");
    });
});
于 2013-11-06T05:29:17.390 に答える
0

のようにしてみてください

$("#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>
于 2013-11-06T05:33:09.033 に答える