1

我想单击a#lanostracasa以从外部获取两个不同的 div，.html然后将其加载到另外两个 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

所以你有两个事件绑定到同一个元素，它们本身就是矛盾的。您不能将同一个事件（单击）两次绑定到同一个元素。在这种情况下，您有一个需要解决的优先级问题。一个函数被触发，一个未被触发，选择使用哪一个。此外，如果您从逻辑角度考虑这一点……将同一事件绑定两次有什么意义？如果 ONCLICK 您想要发生两件事，只需将它们放在一个函数中即可。

此外，您必须记住，将事件绑定到元素时，元素本身必须在绑定之前存在。我看不到您的 HTML 来验证您的第二个 .click() 事件是否包含在函数闭包或 $(document).ready() 中，但这也可能是混淆的根源。

于 2012-10-08T00:02:14.747 回答