我想点击 a#lanostracasa
从外部 .html
中获取两个不同的 div,并将其加载到另外两个 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')
});
最佳答案
所以你有两个事件绑定(bind)到同一个元素,这两个事件本身是矛盾的。您不能将同一事件(单击)两次绑定(bind)到同一元素。在这种情况下,您有一个需要解决的优先级问题。一个函数正在被触发,一个没有,选择使用哪一个。此外,如果您从逻辑 Angular 考虑这一点……两次绑定(bind)同一事件有什么意义?如果 ONCLICK 您希望发生两件事,只需将它们都放在一个函数中即可。
此外,您必须记住,将事件绑定(bind)到元素时,元素本身必须在绑定(bind)之前存在。我看不到您的 HTML 来验证您的第二个 .click() 事件是否包装在函数闭包或 $(document).ready() 中,但这也可能是混淆的根源。
关于javascript - 如何通过单击相同的链接从两个不同的 div(来自 html)加载两个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12502531/