jQuery onclick动态绑定问题

时间:2015-03-16 10:15:10

标签: jquery

我有一个场景,将查询返回的结果填充到列表中,即<li>元素,列表表示数据库表中的类别和子类别。

问题是我想使用jQuery onclick事件触发行上的刻度图标,点击此刻度图标表示用户进入下一步的功能。

问题是我无法使onclick事件在单击的行上正常工作。下面的任何帮助将是jQuery触发事件。这里是功能正在发生的网站链接http://staging.expatexchange.ph/post-advert-step1

<script type="text/javascript">
 $(".finish").click(function() { 
var span = $(this).closest("li").find("#theimg"); 
jQuery(span).toggle('show');
var isVisible = $("#theimg" ).is( ":visible" );
var isHidden = $("#theimg" ).is( ":hidden" );

if(!isVisible)  {

$('.next_btn2').prop('disabled', false); //TO ENABLE
$(".next_btn2").css("opacity",1);
$(".next_btn2").css("background-color","#87b119");

}

else  {

$('.next_btn2').prop('disabled', true); //TO ENABLE
$(".next_btn2").css("opacity",0.5);
$(".next_btn2").css("background-color","#f25c27");

}

}); // end function
</script>

1 个答案:

答案 0 :(得分:1)

试试这个:

 $("body").on('click','.finish',function() { 
var span = $(this).closest("li").find("#theimg"); 
jQuery(span).toggle('show');
var isVisible = $("#theimg" ).is( ":visible" );
var isHidden = $("#theimg" ).is( ":hidden" );

if(!isVisible)  {

$('.next_btn2').prop('disabled', false); //TO ENABLE
$(".next_btn2").css("opacity",1);
$(".next_btn2").css("background-color","#87b119");

}

else  {

$('.next_btn2').prop('disabled', true); //TO ENABLE
$(".next_btn2").css("opacity",0.5);
$(".next_btn2").css("background-color","#f25c27");

}

适用于动态添加的控件。

了解详情 - Source