javascript - ページの読み込み後に div を削除すると jQuery が競合する

Question

ページから div を削除しようとしています (できればまったく読み込まれないようにすることをお勧めします) が、今のところ、ページが読み込まれた後に削除することに決めています。

jsFiddleで次のコード行を試すと、#content予想どおり div が削除されます。

<script type='text/javascript'>//<![CDATA[ 
  $(window).load(function(){
      $('#content').remove();
  });//]]>  
</script>

ただ、実際のサイトにも実装してみましたが、その場合は#contentdivが削除されません。

何が間違っている可能性があるかについて何か提案はありますか?

score 2 · Accepted Answer

操作にドルを使用する別のライブラリと jQuery を共有している場合は、匿名ラッパーを使用して、次のように保護する必要があります。

(function($) {
    $(window).on('load', function(){
        $('#content').remove();
    });
}(jQuery));

.load() の代わりに .on('load', fn) を使用していることに注意してください。

ページの読み込みの代わりに、DOM 対応でコードをバインドすることもできます。jQuery は、内部関数の最初の引数として自分自身を渡します。

jQuery(function($) {
    $('#content').remove();
});

score 1 · Accepted Answer

$ 変数が何らかの理由で jQuery を指していません。

<script type='text/javascript'>
    window.$ = jQuery;
    $(window).load(function()
    {

        $('#content').remove();
     });
</script>

score 0 · Accepted Answer

onloadでjQueryテストを使用していますが、

そのため、jquery に onload 構文を追加する必要があります。サイトではステートメントが onload と呼ばれていないため、機能しないのはなぜですか

フィドルを更新しました

http://jsfiddle.net/MarmeeK/FRYsJ/3/

タグの下の JS コード<script>は、ページ内の onload を追加せずに、

<script type="text/javascript">
    $(document).ready(function(){$('#content').remove();});
</script>

これはうまくいくはずです:)

score 0 · Accepted Answer

TypeError: $(...).load は関数ではありません

Jquery の新しいバージョンでは負荷が非推奨になっているため、以下のエラーではなく上のエラーが発生しています

$(window).load(function(){
});

このコードを使用してください

$(function(){
 // your code here
})

score 0 · Accepted Answer

これを使って：

<script type="text/javascript">
var node = document.getElementById('content'); 
if(node.parentNode)
{ 
node.parentNode.removeChild(node);
}
</script>

この助けを願っています。

score 0 · Accepted Answer

これで試してください

<script type='text/javascript'> 
    $(document).ready(function(){
         $('#content').remove();
    });
</script>

また

$(function()
{
        $('#content').remove();
});

8 に答える 8