2013-11-25 18 views
1

我想通过jQuery来触发ajax脚本,但只能在确认之后。 我发现了一个很好的JavaScript,可以与bootstrap一起使用,但无法使其正常工作。 我可以在使用链接或提交按钮时使用它,但不能使用其他jQuery事件。这里是我对Fiddle仅在使用引导弹出窗口确认后才会触发ajax脚本

$(".deleteit").popConfirm({ 
    placement: "left" 
}); 

$(".deleteit").click(function() { 
    alert("aaa"); 
}); 

非常感谢您的任何建议! 任何其他解决方案与Bootstrap弹出也赞赏!

M.

回答

1

工作Fiddle。并快速查看:

<div style="width: 500px; text-align:center" id="asd"> 
    <a href="#15" class="btn btn-danger deleteit" role="button">x</a><br /> 
    <a href="#16" class="btn btn-danger deleteit" role="button">x</a> 
</div> 

和Javascript:

$(document).ready(function(){ 
    $('.deleteit').each(function(index) { 
     $(this).popConfirm({ 
      placement: "left", 
      content: '<input class=\'hidId\' type=\'hidden\' value=\'' + $(this).attr('href') + '\' />' 
     }); 
    }); 

    $('#asd').on('click','.popover-content .confirm-dialog-btn-confirm', function(e) { 
     alert('ajax ID:' + $(e.target).closest('div.popover-content').find('input:hidden').val()); 
     //alert($(e.target).parent().parent().find('input:hidden').val()); 
     return false; 
     } 
    ); 
}); 
+0

大,就是它! TNX! – netcult

+0

虽然有一个问题:-(我通常通过id或class给一些额外的信息给ajax,例如:x在ajax中,我可以过滤出文章的ID,但是现在你已经将click事件移动到了按钮在确认框中,我不知道如何获得第一个x-button的编号 – netcult

+0

下一次,如果你想把参数也写出来,那就写下来,我已经正确回答了你的问题,然后你接受了答案。接下来你发现了下一个问题,并且没有选中我的答案,这并不礼貌,并且它不太可以接受,所以我更新了我的小提琴 –

相关问题