0

次のhtmlオブジェクトがあります

<div class="dataTables_filter" id="DataTables_Table_2_filter"><label>Sök: <input type="text" aria-controls="DataTables_Table_2"></label></div>

ここで、この css をインタラクティブに操作して、好きなように配置したいと考えています。

やってみると

$('#DataTables_Table_2_filter').css({"float":"left"})

何も起こらず、現在の css を警告しようとすると

alert( $('#DataTables_Table_2_filter').css('float') );

アラートボックスに「未定義」と表示されます。

私が行った場合

alert( $('#DataTables_Table_2_filter')

アラート ボックスに「Object object」と表示されます。

これはどうしたの？

4

3 に答える 3

1

コードIDが機能しているため、準備が整う前に要素にアクセスしている可能性があります. document.ready()を使用してください

ライブデモ

<div class="dataTables_filter" id="DataTables_Table_2_filter"><label>Sök: <input type="text" aria-controls="DataTables_Table_2"></label></div>

$(document.ready(function(){
   $('#DataTables_Table_2_filter').css({"float":"left"});
   alert( $('#DataTables_Table_2_filter').css('float') );
});
于 2013-01-16T19:43:58.903 に答える
0

このデモでは正常に機能しているため、このコードブロックの外部でIDの競合の問題が発生している可能性があります

HTML：

<div class="dataTables_filter" id="DataTables_Table_2_filter">
      <label>Sök: <input type="text" aria-controls="DataTables_Table_2"/></label>
</div>

jQuery：

$('#DataTables_Table_2_filter').css({"float":"left"});
alert( $('#DataTables_Table_2_filter').css('float') );
于 2013-01-16T19:48:25.653 に答える
0

これを試して

$('#DataTables_Table_2_filter').on('click', function(){
  alert( $('#DataTables_Table_2_filter').css('float') );
});

この例を参照してください

ご挨拶。

于 2013-01-16T19:47:08.353 に答える