-1

これは単純なようです..しかし、私はjqueryに少し慣れていません.多分私は何かばかげたことをしていますか?

画像をクリックしたいのですが、そのクリックで、そのすぐ隣にある別の画像を非表示にします。

 <script type="text/javascript"> 

 
        $("#butShowMeSomeUnits").click(function() { 
            $('#arrowUnitspic').hide();
        });
 
      
 </script>

IDは2つの画像に従って正しいです。私は何が欠けていますか？それをデバッグすると、コードは決して起動されません...

ありがとう

編集

ASPマスターページのネストされたコントロールとしてコントロールを持っていて、そのIDが書き換えられていました。IDを修正しましたが、まだ満足できません...マークアップが「入力」としてレンダリングされていることもわかりますが、違いはありますか?

<head>
<script src="js/jquery.min.1.5.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#butShowMeSomeUnits").click(function () {
                $('#arrowUnitspic').hide();
            });
        });

</script>
</head>

<body>
<input type="image" src="bookings_media/buttons/show-me-some-units.png" onmouseout="this.src='bookings_media/buttons/show-me-some-units.png'" onmouseover="this.src='bookings_media/buttons/show-me-some-units_orange.png'" id="butShowMeSomeUnits" name="ctl00$ctl00$ContentPlaceHolder1$bookings_right_content$butShowMeSomeUnits">
</body>

編集 JS フィドル

混乱がある場合...正確なコードでスプールしたJSフィドルも機能しません...

4

4 に答える 4

0

役立つ手順:

  1. jQuery libを正しく統合してください。（Chromeでコンソールを開いて入力$("html").hide();し、現在のページが消えるかどうかを確認するため）
  2. カスタム JS ファイルまたはコードが jQuery lib のインクルードの下にあることを確認してください。

  3. jQuery の非常に良い出発点は$(document).ready()、以下の例のようにすべてを配置することです。

    $(document).ready(function(){ $("img").click(function(){ $("img").hide(); $(this).show(); }); });

于 2013-07-17T18:09:47.380 に答える