1

jQuery プラグイン DataTables および TableTools の最新バージョンを使用しています (ソース: https://datatables.net/extensions/tabletools/ )。

これを、2 つの標準ボタンを表示するように設定しました。1 つはすべての行を選択し、もう 1 つはすべての行を選択解除します。これまでのところ、すべてが意図したとおりに機能しています。

ここで、単純なボタンをページに追加して、これら 2 つのボタンをプログラムで非表示にしたいと考えています。 それらを Firebug で調査すると、次のことがわかります。 

<div class="DTTT_container">
    <a id="ToolTables_queueTable_0" class="DTTT_button DTTT_button_text" title="select all rows">
        <span>Select All</span>
    </a>
    <a id="ToolTables_queueTable_1" class="DTTT_button DTTT_button_text DTTT_disabled" title="deselect all rows">
        <span>Deselect All</span>
    </a>
</div>

これに基づいて、クラス「DTTT_button」と一意の ID の両方を使用してそれらを非表示にしようとしましたが、どちらの場合もそうできません。 

$('#myButton').on('click', function() {
    $('.DTTT_button').hide();
});

$('#myButton').on('click', function() {
    $('#ToolTables_queueTable_0').hide();
    $('#ToolTables_queueTable_1').hide();
});

別のアプローチでこれを達成する方法を知っている人はいますか?

4

2 に答える 2

3

css プロパティを使用して div を非表示にしてみてください

$('#myButton').on('click', function() {
    $('#ToolTables_queueTable_0').css("visibility","hidden");
    $('#ToolTables_queueTable_1').css("visibility","hidden");
});
于 2014-06-17T07:36:52.983 に答える
3

div にvisibilityプロパティ セットがhideあり、show機能しない場合。

別のことは次のとおりです。

display: none !important などのスタイルで !important を使用する場合、.show() を正しく機能させるには、.css( "display", "block !important") を使用してスタイルをオーバーライドする必要があります。

ここを参照

jquery 経由でvisibilityorプロパティを変更してみてくださいdisplay

$('#ToolTables_queueTable_0').css("visibility","hidden");

また

$('#ToolTables_queueTable_0').css("display","none");
于 2014-06-17T07:40:41.497 に答える