jQuery里的stopProgation阻止扩散

最新推荐文章于 2021-12-22 19:59:51 发布

weixin_34043301

最新推荐文章于 2021-12-22 19:59:51 发布

阅读量216

点赞数

文章标签： javascript xhtml ViewUI

原文链接：https://my.oschina.net/wrean/blog/412360

版权

为什么80%的码农都做不了架构师？>>>

用dwz搞会员管理，在会员管理dialog上用$.pdialog.open()打开另一个dialog，出现新dialog总出现在旧dialog之后，因为dwz.dialog.js里 $.pdialog.open()里：

$(dialog).click(function(){
	$.pdialog.switchDialog(dialog);
});

而我在第一个dialog里执行onclick的时候就业执行了

$.pdialog.switchDialog(dialog);

最后用jQuery里的stopProgation()解决。 stopProgation这个函数是阻止扩散的。
最后：

<dl class="nowrap">
	<dt>套餐类型:</dt>
	<dd>
   		<select name="serviceDtlId" onchange="chgServiceTypeDtl()" id="serviceDtlId">
	       	 <c:forEach var="s" items="${serviceTypeDtlList}">
	       		<option value="${s.refId}">${s.shortName}</option>
	       	 </c:forEach>
       	  </select>
       	  &nbsp;&nbsp;&nbsp;&nbsp;<a style="color: #3C66B0" href="#this" onclick="javascript:openServiceTypeDialog(event);">查看</a>
	</dd>
</dl>

function openServiceTypeDialog(event){
	var e = event||window.event;
	var dtlId = jQuery("#setVipMainFormId #serviceDtlId").val();
	$.pdialog.open("/weihu/site/coinsmgr/serviceType/get.xhtml?refId="+dtlId, "viewServiceTypeDtl", "套餐明细",{width:850,height:400,resizable:true});
	e.stopPropagation();
}

参考：http://www.365mini.com/page/jquery-event-stoppropagation.htm

转载于:https://my.oschina.net/wrean/blog/412360