0

同じクラスに属し、FlowDock によって自動的に生成されたリンク (@メンションへのリンクの追加) を含む短いステートメントを含む DIV がページにいくつかあります。

ユーザーを別の URL にリダイレクトするのではなく、そのリンクをクリックしたときに関数を呼び出す方法はありますか?の上？

次に例を示します。

<div class='entry' data-hashtags='#supermarkets #food #alcohol'>
    <p>#supermarkets sell #food and #alcohol <a title="Search @private" class="app-tag-link" href="/context/@private">@private</a></p>
</div>

ユーザーが @private をクリックすると、/context/@private に移動する代わりに、ここに示すように、jQuery を介して DIV をフィルタリングする JavaScript 関数が呼び出されます。

ご協力ありがとうございました！

4

1 に答える 1

2

確かに - リスナーをリンクにアタッチし、リンクpreventDefaultのデフォルトの動作 (リダイレクト) を防ぐために呼び出します。

jQueryを使用しない場合:

element.addEventListener('click', function(e) {
  e.preventDefault();
  // Filter
});

Fiddle

jQuery の使用:

// jQueryObject holds the selected set of element(s)
jQueryObject.on('click', function(e) {
  e.preventDefault();
  // Filter
});
于 2014-02-17T19:56:38.077 に答える