Javascript 双条件jQuery函数事件
如何指定第二个条件,要求用户不仅单击链接,而且单击div之间的区域以转到landing.htmlJavascript 双条件jQuery函数事件,javascript,jquery,ajax,Javascript,Jquery,Ajax,如何指定第二个条件,要求用户不仅单击链接,而且单击div之间的区域以转到landing.html <script src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script language="JavaScript" type="text/javascript"> $(document).ready(function () { $("#postos").c
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function () {
$("#postos").click(function() {
$("#linkos").attr('href', 'landing.html');
});
$('#clickdiv div').click(function () {
$("#linkos").attr('href', 'landing.html');
});
});
</script>
<a id="postos" href="#"></a>
<div id="clickdiv">please click</div>
<a id="linkos" href='javascript:window.alert("click the link and div");'><br/><img src="pic.png"></a>
$(文档).ready(函数(){
$(“#postos”)。单击(函数(){
$(“#linkos”).attr('href','landing.html');
});
$('#clickdiv-div')。单击(函数(){
$(“#linkos”).attr('href','landing.html');
});
});
请点击
我强烈建议你用不同的方式来做。以这种方式使用div会导致糟糕的设计;更不用说,强迫用户点击多个元素会让人觉得笨拙和乏味 但是,我已经为您提供了一个如何做到这一点的示例: 我还为您提供了另一个可能更有用的示例: 链接(可能有用):
#clickdiv div
选择器没有选择任何内容。$(“#clickdiv div”)
正在您的div中查找id为#clickdiv
的div元素,为什么要用clickdiv甚至键入div会遇到麻烦?div中会包含图片之类的内容,iframes等。我认为将事件附加到div比附加到div中的每个项目更容易。