ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryが動作しない場合の対処法

jQueryが動作しない場合の対処法

藏色散人
リリース: 2023-01-04 09:38:20
オリジナル
2028 人が閲覧しました

jquery が動作しない場合の解決策: まず、動作しないコード ファイルを開き、次に jquery コードを「$(document).not('#date').click(function(){」に変更します。 . ..}".

jQueryが動作しない場合の対処法

このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、HTML5&&CSS3&&jquery2.0.0 バージョン。

推奨: "css ビデオ チュートリアル" "javascript 基本チュートリアル"

jquery の not メソッドの失敗に対する解決策

要素をフィルタリングする $(document) から要素を直接削除したい場合、$(document).not('#a') を使用することは無効です。他の方法を使用してください。たとえば、

ドロップダウン リストをシミュレートする場合、達成したい効果は、div をクリックすると非表示のリストが表示され、任意の場所をクリックするとドロップダウン リストが消えることです。

<div id="date">选择日期</div>
<div id="content" style="display:none;">
<ul>
  <li>2月1日</li>
</ul>
</div>
ログイン後にコピー

このときは直接書いてください

$("#date").click(function(){
  $("#content").slideDown();
});
$(document).click(function(){
  $("#content").slideUp();
});
ログイン後にコピー

div をクリックするとドロップダウン リストが最初に表示され、その後消えます

この問題を解決するためにほとんどの人が最初に考えることドキュメント #date のクリック イベントを設定するときに要素を削除することです。つまり、

$(document).not(‘#date’).click(function(){
  $("#content").slideUp();
});
ログイン後にコピー

ただし、ここでは not() は有効になりません

現時点では、 min

date をクリックした瞬間にコンテンツの高さが変わり、表示がブロックになります

したがって、

$(document).not(‘#date’).click(function(){
  if($("#content").css(&#39;display&#39;) == &#39;block&#39; && $("#content").css(&#39;height&#39;) != &#39;1px&#39;){
    $("#content").slideUp();
  }
});
ログイン後にコピー

で要素 #date# を削除する効果が得られます。

##slideDown()

を使用したくない場合は、ドロップダウン リストの開閉ステータスを記録する変数を追加することで同じ効果を達成する必要があります

つまり、他の状況でも同様の方法で質問設定の問題を解決できます。

プログラミング関連の知識については、こちらをご覧ください:

プログラミング教育

!!

以上がjQueryが動作しない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート