2012-09-19 31 views
1

我想单击a#lanostracasa以从外部.html获取两个不同的div并将其加载到另外两个div中(#fotoCasa从外部文件havePicture)(http://frostcode.altervista.orghttp://frostcode.altervista.org/db.html为外部HTML)如何通过单击相同的链接从两个不同的div(从html)加载两个div

我要疯了,因为我看到在容器中的文字,而我看到它加载,所有的文本消失,并没有加载内容。

<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') 
}); 

回答

0

所以你有两个事件绑定到相同的元素,它们本身是矛盾的。您不能将相同的事件(单击)绑定两次到同一元素。在这种情况下,您有一个需要解决的优先问题。一个功能正在被解雇,另一个不是,选择使用哪一个。此外,如果您从逻辑的角度来看待这个问题,那么绑定同一个事件需要两次?如果ONCLICK你想要两件事情发生,只需将它们放在一个函数中。另外,您必须记住,将事件绑定到元素时,元素本身必须在绑定之前存在EXIST。我看不到你的HTML来验证你的第二个.click()事件是封装在一个函数闭包或$(document).ready()中,但这也可能是一个混淆的来源。

相关问题