2016-05-10 10 views
0

しかし、それは隠さない機能していない別の事業部のクラスに基づいた事業部を非表示に別のdivに基づいてdiv要素を隠そうと

<script> 

$(document).ready(function() {(

if($("p").hasClass('.out-of-stock')) { 
$('#enquiry').hide(); 
} 

}); 

</script> 

ライブサイトで - http://trent-art.co.uk/shop/william-atherton-christmas-around-the-corner/

アイテムが在庫切れの場合、ベストオファーの提出ボタンを隠そうとしています。

+1

'.out-of-stock'からドットを削除すると' 'if($(" p ")。hasClass( '在庫切れ'))' –

+0

が試してみて、ライブサイトをご覧ください - http://trent-art.co.uk/shop/william-atherton-christmas-around-the-corner/ - アイテムが

FoamyMedia

+0

あなたの質問に[mcve]を投稿してください – j08691

答えて

0
<script> 

jQuery(document).ready(function($) { 

if($('#foamy').hasClass('out-of-stock')) { 
$('#enquiry').hide(); 
} 

}); 

</script> 

は、

1

まず、 "。"を削除します。 .hasClass()メソッドで。

2番目:.is( '。在庫切れ')の代わりに.hadClass( '。out-of-stock)を使用してみましたか?

第3:.hide()アクションはDOMのすぐ上で動作するようにしますか?

あなたは単にドキュメントを停止するよりもすぐに実行します。ドキュメントの準備ができたら、スクリプトは<p>タグのクラスが「在庫切れ」であるかどうかをチェックし、その後はそれを再確認しません。

クラスのチェックが常に実行されるようにするには、イベント(つまり.trigger()および.on())を再生する必要があります。

関連する問題