2

クリックされた画像に基づいてdivを表示および非表示にしようとしているので、復元画像をクリックすると、メンバーウィンドウと呼ばれるdivが表示されます。私が得ているエラーはですUncaught SyntaxError: Unexpected token {。

これは別のJavaScriptファイルのスクリプトです

 $(document).ready(resteraunt(){

    $('people').click(function(){
    $("memberswindow").show();

    });

    });

これがHTMLです

 <!DOCTYPE html>

   <html>

   <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
       <script src="Wolfeboro_Connection/Scripts/homepage.js"></script>
       <script src="Wolfeboro_Connection/Scripts/menu.js"></script>

   <link rel='stylesheet' href='Wolfeboro_Connection/CSS/index.css'> 


   </head>

   <body>



   <img src="Wolfeboro_Connection/wc.png" id="wc">

   <a href='' onclick='resteraunt();'><img src='Wolfeboro_Connection/resteraunt.jpg'        
   id="resteraunt"></a>
   <a href='' onclick='map();'><img src='Wolfeboro_Connection/map.jpg' id="map"></a>
   <a href='' onclick='mail();'><img src='Wolfeboro_Connection/mail.jpg' id="mail"></a>
   <a href='' onclick='people();'><img src='Wolfeboro_Connection/people.jpg' id="people"></a>

   <div id="window"> <div id="memberswindow"> <input type="text" id="username"   
   placeholder="Username">

   <input type="text" id="loginpassword" placeholder="Password">

   <input type="text" id="email" placeholder="Email"> </div> </div>

   <div id="banner"> <h1> Wolfeboro Connection </h1> </div>









   </body>

   </html>
4

2 に答える 2

6

jqueryでは、ターゲット要素が「クラス」であるか「ID」であるかを、記号「。」で宣言する必要があります。それぞれと「＃」

これを試して：

$("#people").click(function(){
  $("#memberswindow").show();
});

また、document.ready（）呼び出しに使用している構文が正しくない場合は、完全な解決策としてこれを試してください。

$(document).ready(function(){
    $("#people").click(function(){
      $("#memberswindow").show();
    });
});
于 2013-03-15T20:30:56.937 に答える
0

さまざまなバリエーションのメソッドを作成することはできません。100の異なるシナリオでdivを表示する必要がある場合を想像してみてください。

一般的なアプローチを取ることができます。

  1. 各エンティティのrel/class属性を作成します

    <div id="ListenAllClick">
  <a href="#"><img src="mysrx" rel="divIdToShow"/></a>
  <a href="#"></a>
</div>

  2. すべてのアンカークリックイベントを取得します

    $(function() {  // equivalent to $(document).ready(function(){});

   $("a").on("click", function(eV) { 

      /* for better performance use 
          $("#ListenAllClick").on("click", "a", function() {});
          instead of 
          $("a").on("click", function() { 
      */
      eV.preventDefault();
      $("#" + $(this).attr("rel"/*"class"*/)).show();
   });
});
于 2013-03-15T20:52:48.993 に答える