我有一个场景,将查询返回的结果填充到列表中,即<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>
答案 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