我有一个完全可以点击的div。但是现在我添加了一个按钮,单击该按钮将显示一个弹出窗口。但是我面临的问题是。当我单击“信息”按钮时,将显示弹出窗口,但页面也会转到引用的页面,该页面被添加到最外面的div中。
我的html代码在这里
<div style="cursor:pointer; background:" onclick="location.href='http://inmotico.com';" class="contenido_anuncio">
Here if you click any where it will take you to the page
<div style="font-size:14px;" class="anuncio_priceiimo">
<div style="margin-top: 0px; padding-left: 0px; margin-bottom: 0px;" class="ui-btn-inline">
<div style="margin-top: 10px;" class="ui-block-a"> <a class="ui-link" style="color: #FF6600;"></a><a style="color: #FF6600;" class="ui-link">¢ 217,277,650.00</a></div>
<div class="ui-block-b">
<a style="border:none !important;margin:0px 0px 0px 10px;" data-shadow="false" title="info" data-iconpos="notext" data-icon="info" data-role="button" href="#mDialog1" data-enhance="true" class=" ui-link ui-btn ui-icon-info ui-btn-icon-notext ui-corner-all" data-rel="popup" aria-haspopup="true" aria-owns="mDialog1" aria-expanded="false" role="button">INFO</a>
</div>
</div>
</div>
</div>
这是一个烦恼**
首先,您需要学习在使用jQuery Mobile时不要使用内联javascript,这是很大的不。
工作示例:http : //jsfiddle.net/Gajotres/NNj2T/
<div style="cursor:pointer; background:" class="contenido_anuncio" >
Here if you click any where it will take you to the page
<div style="font-size:14px;" class="anuncio_priceiimo">
<div style="margin-top: 0px; padding-left: 0px; margin-bottom: 0px;" class="ui-btn-inline">
<div style="margin-top: 10px;" class="ui-block-a">
<a class="ui-link" style="color: #FF6600;"></a><a style="color: #FF6600;" class="ui-link">¢ 217,277,650.00</a>
</div>
<div class="ui-block-b">
<a style="border:none !important;margin:0px 0px 0px 10px;" data-shadow="false" title="info" data-iconpos="notext" data-icon="info" data-role="button" data-enhance="true" class=" ui-link ui-btn ui-icon-info ui-btn-icon-notext ui-corner-all" aria-haspopup="true" aria-owns="mDialog1" aria-expanded="false" role="button" id="info-btn">INFO</a>
</div>
</div>
</div>
<div data-role="popup" id="mDialog1" data-overlay-theme="a" data-theme="a" data-corners="true" data-dismissible="true">POPUP</div>
</div>
$(document).on('vclick', '#info-btn',function(event) {
$('#mDialog1').popup('open');
event.stopPropagation();
event.stopImmediatePropagation();
});
$(document).on('vclick', '.contenido_anuncio',function(event) {
location.href='http://inmotico.com';
//alert('asdasd');
});
在此处和此处了解有关JavaScript和jQuery中事件传播的信息。基本上在此示例中,如果您以编程方式执行所有操作,则无需担心事件触发。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句