1

そのため、非表示に設定されたページの真上に配置されたいくつかの画像があり、それらを表示するイベントをトリガーする適切なリンクをクリックすると、表示が継承されます。

ここで私の質問が出てきます。画像に「example」のIDを割り当てたとしましょう。誰かがハッシュタグ#exampleを付けてサイトにアクセスしたり、ハッシュタグ#exampleを付けたリンクをクリックしたりする方法はありますか。 url、同じIDの画像に対してイベントがトリガーされるということですか?私は本当にこれに困惑しています

私が使っていたのはこれです:

$("#activate1").click(function () {
$("#flyer1").css("display", "inherit");

});

これは問題なく機能しましたが、毎週チラシを追加する必要があります。つまり、固有のケースごとに上記のコードを記述したい場合を除いて、チラシを変更する必要があります。しかし、それに加えて、リンクを介して人々に送信する必要があるため、リンクをクリックしたときにスクリプトをトリガーする必要があります-これに取り組む最善の方法は、おそらくハッシュタグトリガーを実装することだと思いました

4

3 に答える 3

4
$(function() {

    $('#example').on('click', function() {
        alert('was triggered');
    });

    $(window.location.hash).trigger('click');

});
于 2012-04-20T03:18:21.633 に答える
2

特定の名前をコーディングせずに、ハッシュタグが含まれているページ内のすべてのリンクをアクティブ化するには、次のようにします。

$('a[href*="#"]').on('click', function(e) {
    var match = this.href.match(/#[^#]+$/);
    if (match) {
        // trigger a click on the object that has an id 
        // matching the hash value in the link
        $(match[0]).trigger('click');
        return(false);   // no default processing for the link
    }
});

最初のリンクでハッシュタグを処理するには、次のコードを実行できます。

$(document).ready(function() {
    if (window.location.hash && window.location.hash != "#") {
        $(window.location.hash).trigger('click');
    }
});
于 2012-04-20T04:11:25.290 に答える
0

プラグインはあなたの友達です。簡単なGoogleは、BenAlmanのjQueryBBQライブラリがあなたに役立つ手を導くことができることを示しています!

(無関係:クールな名前のjQueryライブラリは、将来のプロジェクトに素晴らしい追加です!)

于 2012-04-20T03:42:33.020 に答える