如何通过单击同一链接从两个不同的div（来自html）加载两个div

Question

我想点击a#lanostracasa从外部采取两种不同的div .html和（中另外两个DIV加载#fotoCasa从外部文件havePicture ）（ http://frostcode.altervista.org和HTTP：//外部HTML的frostcode.altervista.org/db.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')
});

Answer 1

因此，您有两个事件绑定到同一元素，它们本身是相互矛盾的。 您不能将同一事件（单击）两次绑定到同一元素。 在这种情况下，您需要解决优先级问题。 一种功能被触发，另一种则没有，请选择要使用的功能。 此外，如果您从逻辑角度考虑这一点……将同一事件两次绑定有什么意义？ 如果单击ONCLICK，则希望发生两件事，只需将它们都放在一个函数中。

同样，您必须记住，将事件绑定到元素时，元素本身必须在绑定之前存在。 我看不到您的HTML来验证您的第二个.click（）事件是否包装在函数闭包或$（document）.ready（）中，但这也可能引起混乱。