用于单击事件处理程序的Bootstrap按钮选择器

时间:2014-10-28 10:26:38

标签: jquery twitter-bootstrap

如何在点击事件处理函数中处理此按钮class="btn btn-danger btn-small"

HTML:

<div class="btn-group">
    <a class="btn btn-small" data-toggle="modal" data-target="#edit_kategori" href="<?php echo site_url('ckategori/update_kategori/'.$data->id_kategori);?>"><i class="icon-edit"></i></a>
    <a class="btn btn-danger btn-small" href="#" id="<?php  echo $data->id_kategori ?>" ><i class="icon-trash icon-white"></i></a>
</div>

JS:

$(".btn btn-danger btn-small").click(function() {
    var element = $(this);
    var del_id = element.attr("id");
    var info = 'id=' + del_id;
    if (confirm("Yakin akan menghapus data?")) {
        $.ajax({
            type : "POST",
            url : "<?php echo base_url(); ?>ckategori/del_ajaxKategori",
            data : info,
            success : function() {
            $('#' + del_id).fadeOut('slow', function() {
                    $(this).remove();
                });
            }
        });
    }
    return false;
});

这不起作用。当我更改为$(".btn").click(function()时,一切都运行正常,但我的所有按钮组调用都在我的JS中删除了函数。

我想要的是当我点击btn btn-danger btn-small然后它调用删除功能。

1 个答案:

答案 0 :(得分:1)

如果您通过PHP变量

设置元素的id
<?php  echo $data->id_kategori ?>

您还可以通过相同的php变量在选择器中设置id吗?

$("#<?php  echo $data->id_kategori ?>").click(function(){
    //DO STUFF
});

编辑:重新阅读您的问题(并多关注细节)后,您的选择器目前正在:

$(".btn btn-danger btn-small")

在具有类btn-small的元素中的元素btn-danger中搜索.btn类型的元素

应该是:

$(".btn.btn-danger.btn-small")

这会查找包含所有三个类.btn.btn-danger.btn-small

的所有元素