Javascript 如何通过单击同一链接从两个不同的div(来自html)加载两个div
我想点击Javascript 如何通过单击同一链接从两个不同的div(来自html)加载两个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想点击a#lanostracasa从一个外部.html获取两个不同的div,并将其加载到另两个div中(外部文件中的#fotoCasa)(对于外部html) 我快发疯了,因为我看到容器中的文本正在加载,所有文本都消失了,没有加载任何内容 <div id="contAll"> <div id="fotoCasaHtml"></div> <div id="container"> <p> <div id="
a#lanostracasa
从一个外部.html
获取两个不同的div,并将其加载到另两个div中(外部文件中的#fotoCasa
)(对于外部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>
因此,有两个事件绑定到同一个元素,它们本身是矛盾的。不能将同一事件(单击)绑定到同一元素两次。在这种情况下,您有一个需要解决的优先级问题。一个函数正在启动,另一个未启动,请选择要使用的函数。此外,如果您从逻辑的角度考虑这一点……将同一事件绑定两次有什么意义?如果ONCLICK希望发生两件事,只需将它们都放在一个函数中
另外,您必须记住,当将事件绑定到元素时,元素本身必须在绑定之前存在。我无法查看您的HTML来验证第二个.click()事件是否包装在函数闭包或$(document).ready()中,但这也可能会造成混淆
<div id="cssmenu">
<li><a id="lanostracasa"href='#'><span>La Nostra Casa</span></a>
</div>
<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>
$("#cssmenu a#lanostracasa").click(function(){
$('#container').load('db.html #lanostracasa-ita')
});