URLにハッシュタグ付きのjQueryスクリプトを有効にすることはできますか？

Question

URLにハッシュタグ付きのjQueryスクリプトを有効にすることはできますか？

私はdivをドロップダウンし、ユーザーが特定のリンクをクリックしたときにjQueryを使用して表示されます。 URLが特定のハッシュタグで終わる場合、このスクリプトをページの読み込み時にアクティブにすることは可能でしょうか？

具体的には。私のサイトには、ユーザーが私たちの製品の見積もりを要求するために記入するフォームを含むすべてのページにパネルがあります。ユーザーが、 http://mysite.com/product/ipod#quote 、私はjavascriptの活性化されたパネルをページロード時にアクティブにしたいと思います。

そして明らかに、ハッシュタグは私のページ上の場所にはなりません。

0

追加された 27 10月 2011 〜で 09:33 著者 jkupczak 編集された 27 10月 2011 〜で 10:14

ビュー: 9

源

ro ru fr es pt de hi bn ar uz be

あなたのリンクから404（または、少なくとも、 mysite の特定のページが見つかりませんでした。）ページが表示されます。

追加された 27 10月 2011 〜で 10:15, 著者 David Thomas, 源

申し訳ありません、それは単なるリンクの例でした！ここに私の働くサイトを見たいと思っているなら、リンク先は： iavi.com/itemdesc.asp ？IC = CPWX4021N 。見積もりボタンをクリックすると、ページの読み込み時にURLハッシュタグで有効にしたいjavascriptが表示されます。

追加された 28 10月 2011 〜で 05:12, 著者 jkupczak, 源

2 答え

$(function(){
  if(document.location.hash.search('hash') !== -1){
    $('a#with-id').trigger('click');
  }
});

hash is the name of the hash
a#with-id is the selector of the link

if the "hash" is the only value in your hash, you can simply compare with document.location.hash === '#hash'

1

追加された 27 10月 2011 〜で 09:36 著者 topek

源

これは、私が欲しかった正確に私のために働いた。ありがとうございました！

追加された 31 10月 2011 〜で 05:13, 著者 jkupczak, 源

著者 David Thomas · Answer 1 · 2011-10-27T09:34Z

はい。私はいくつかの詳細（ハッシュタグとは何か、「ハッシュタグ」とは何を意味していますか、どの関数名を呼んでいるか）を知らなくても、特定の答えを出すことはできませんが、

if (window.location.hash == 'hashtagValue') {
   //do stuff
}

たとえば、 http://example.com/index.html#dropDown のページにアクセスしたとすると、次のようになります。

if (window.location.hash == 'dropDown') {
   //do stuff, for example:
    alert("You're one the `dropDown` hash of the page!");
}

アラートが表示されます。関数を呼び出すことも、 if 条件内で完全に何かを行うこともできます。〜する

1

追加された 27 10月 2011 〜で 09:34 著者 David Thomas

源

私がなぜ ""をアラートで使用し始めたのかを覚えています...ありがとう、ジョーイ編集 =）

追加された 27 10月 2011 〜で 09:42, 著者 David Thomas, 源

（ alert <�）） alert（window.location.hash）のような単純なアラートを使用してみてください。 ; を見て、それが何を生成するかを見てください。

追加された 28 10月 2011 〜で 08:47, 著者 David Thomas, 源

アラートは、「あなた」のアポストロフィにバックスラッシュを追加しないとエラーを発生させます。

追加された 27 10月 2011 〜で 09:40, 著者 Joey, 源

返信いただきありがとうございます。私は私のポストを少し詳細に更新しました。私はその時に急いでいた！ = P何も変更せずにコードを試しました。 URLの最後に#dropDownを付けてサイトに移動しましたが、アラートは表示されませんでした。

追加された 27 10月 2011 〜で 10:13, 著者 jkupczak, 源

alert（window.location.hash）; はURLのハッシュタグでアラートを生成します。ハッシュタグがない場合は空のアラートです。残念ながら、私はまだ if ステートメントを動作させることができません。

追加された 31 10月 2011 〜で 04:52, 著者 jkupczak, 源