1

をクリックしa#lanostracasaて、外部から 2 つの異なるdiv を取得.htmlし、別の 2 つの div (#fotoCasa外部ファイルからhavePicture)( http://frostcode.altervista.orgおよびhttp://frostcode.altervista.org/db.外部 HTML の場合はhtmlです。)

コンテナが読み込まれているのを見ている間にコンテナ内のテキストが表示され、すべてのテキストが消え、コンテンツが読み込まれないため、私は気が狂っています。

<div id="contAll">
   <div id="fotoCasaHtml"></div>
   <div id="container">
    <p>
    <div id="imgHome"><img class="img"src="images/noimg.png"></div>
          blablablablablablabla
    </p>
   </div>
</div>

クリックしたいリンク：

<div id="cssmenu">
<li><a id="lanostracasa"href='#'><span>La Nostra Casa</span></a>
</div>

動作しない JavaScript:

 <script type="text/javascript" language="javascript">
   $( function() {

      $( 'a#lanostracasa' ).click(function() {
         var postData = ''; // you can send any data to ajax file.
         $('#container , #fotoCasaHtml').html('<p>loading</p>');
         $.ajax( {
            url : 'db.html',
            type : 'post',
            data : postData,
            success : function( resp ) {
               $('#container').html($('#lanostracasa-ita' , resp).html());
               $('#fotoCasaHtml').html($('#fotoCasa' , resp).html());
            }
         });
            return false;
      });
   });
   </script>

同じリンクに対してjQueryでもこの呼び出しを使用しますが、JavaScriptには影響しないと思います:

$("#cssmenu a#lanostracasa").click(function(){
$('#container').load('db.html #lanostracasa-ita')
});
4

1 に答える 1

0

したがって、同じ要素にバインドされた 2 つのイベントがあり、それ自体が矛盾しています。同じ要素に同じイベント (クリック) を 2 回バインドすることはできません。この場合、対処する必要がある優先順位の問題があります。1 つの関数が起動され、1 つの関数が起動されていない場合、どちらを使用するかを選択します。さらに、これを論理的に考えると……同じイベントを2回バインドすることに何の意味があるのでしょうか。ONCLICK で 2 つのことを実行したい場合は、両方を 1 つの関数に入れます。

また、イベントを要素にバインドする場合、要素自体がバインド前に存在する必要があることを覚えておく必要があります。2 番目の .click() イベントが関数クロージャーまたは $(document).ready() でラップされていることを確認するための HTML を確認できませんが、これも混乱の原因になる可能性があります。

于 2012-10-08T00:02:14.747 に答える