0

以下の JavaScript を使用すると、ボタンを閉じる、ボタンを最小化する、ボタンの設定が機能しません。

ブーストラップ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 ファイルをダウンロードできます。私が理解できなかったもう1つのことは、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 に答える