<html>
<head>
<script type="text/javascript" src="js/accordian/jquery-1.9.1.js">
</script>
<script type="text/javascript">
$(document).on("click", ".checkboxclas", function(e) {
var divdata = $("div.activateUiHTML").html();
$("#ordersdiv").prepend(divdata);
$("#ordersdiv .Topping-details").hide();
});
</script>
</head>
<body>
<div class="activateUiHTML" data-role="collapsible">
<div class="prd-items-detials">
<form><input type="checkbox" class="checkboxclas" name="checkbox-mini-0" id="59" >
<label class="testtt" for="checkbox-mini-0">Ice Cream Butter Scotch</label>
</form>
<div class="Topping-details" id="59">
<section id="topping_tsection_59">
<i id="topping-close"></i>
<aside>
<section class="secclass"><a href="#">Honey with Chocolate Sauce 10 ML</a></section>
</aside>
</section>
</div>
</div>
</div>
<div id="ordersdiv"></div>
</body>
</html>
当单击CheckBox时,我有一个侦听器,其中将数据追加到名为ordersdiv的div中,并且仅当它们是“ ordersdiv ”元素的子元素时才隐藏“ Topping-details ”类的元素。
现在我在这个地方感到震惊。
我有.Topping-details的侦听器,如下所示,它对order div和activateUiHTML div都通用
$(document).on("click", ".Topping-details", function ()
{
alert('ddd');
});
如何区分订单事件下的.topping-details和activateUiHTML div下的.topping -details的click事件
$(document).on("click", "#ordersdiv .Topping-details", function(){
alert('ddd');
});
和
$(document).on("click", ".activateUiHTML .Topping-details", function(){
alert('aaa');
});
PS ID不能以数字开头!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句