0

使用下面的 javascript，按钮关闭、按钮最小化和按钮设置不起作用。

我使用 boostrap 2.0.4

//datatable
    $('.datatable').dataTable({
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
            "sLengthMenu": "_MENU_ records per page"
            }
        } );
    $('.btn-close').click(function(e){
        e.preventDefault();
        if (e.target === this)
                $(this).parent().parent().parent().fadeOut();
    });
    $('.btn-minimize').click(function(e){
        e.preventDefault();
        var $target = $(this).parent().parent().next('.box-content');
        if($target.is(':visible')) $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down');
        else                       $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up');
        $target.slideToggle();
    });
    $('.btn-setting').click(function(e){
        e.preventDefault();
        $('#myModal').modal('show');
    });

编辑 1：我正在尝试使用此模板表http://usman.it/themes/charisma/table.html 您可以在那里下载 table.html 文件。我无法理解的另一件事是当我检查 html 代码时，没有 SEARCH 文本输入，没有页面导航。它们是如何出现在浏览器中的？

编辑 2：我正在使用 Google App Engine、Django、Jinja2

4

2 回答 2

1

如果您将 动态添加button到DOM，则click()可能无法正常工作。

试试这个：

$(document).on("click", '.btn-close', function(e){
    e.preventDefault();
    if (e.target === this)
            $(this).parent().parent().parent().fadeOut();
});

$(document).on("click", '.btn-minimize', function(e){
    e.preventDefault();
    var $target = $(this).parent().parent().next('.box-content');
    if($target.is(':visible')) $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down');
    else                       $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up');
    $target.slideToggle();
});

$(document).on("click", '.btn-setting', function(e){
    e.preventDefault();
    $('#myModal').modal('show');
});
于 2013-01-14T05:38:43.830 回答
-1 
$('.datatable').dataTable({
        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
        "sPaginationType": "bootstrap",
        "oLanguage": {
        "sLengthMenu": "_MENU_ records per page"
        }
    } );
$('.btn-close').click(function(e){
    e.preventDefault();
    $(this).parent().parent().parent().fadeOut();
});
$('.btn-minimize').click(function(e){
    e.preventDefault();
    var $target = $(this).parent().parent().next('.box-content');
    if($target.is(':visible')) 
      $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down');
    else
      $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up');
    $target.slideToggle();
});
$('.btn-setting').click(function(e){
    e.preventDefault();
    $('#myModal').modal('show');
});
于 2015-09-25T09:19:57.750 回答