7

jQuery Mobile を使用して、DOM の特定の部分内のリンクで ajax 呼び出しを無効にしたいと考えています。

入れたくない

data-ajax = false

jquerymobile ajaxを使いたくないときはいつでも。

たとえば、「コンテンツ」の子であるリンク:

<div class="content">
    <a href="http://externalwebsite.com">External Link</a>
</div>

「コンテンツ」の子であるすべてのリンクに「data-ajax = false」を追加したいと思います

jqueryでこれを行う方法はありますか?

4

3 に答える 3

18

アンカータグからのajaxリンクの動作を無効にする場合はrel=external、リンクを挿入すると、リンクはajaxなしで読み込まれ、URLは通常どおりになります。

http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-navmodel.html

<a href="User/somepage" rel="external" />I wont be using ajax for navigation</a>

content div内のいくつかのタグに対してjQueryでこれを実行したい場合は、次のようにしてみてください。

$(function(){
  $(".content a").each(function(){
    $(this).attr("rel","external");
  });
});

これがサンプルhttp://jsfiddle.net/4WEBk/3/です。

より簡略化されたバージョン。(ポインティングしてくれたtanduに感謝します)

$(function(){
  $(".content a").attr("rel","external");
});
于 2012-04-25T16:42:32.783 に答える
5
$(".content a").attr('data-ajax', false);
于 2012-04-25T16:40:38.910 に答える
0

動作させるには、rel="external" と target="_self" も追加する必要がありました。

特定の条件下では、Ajax リクエストの代わりに通常の http リクエストが使用されます。これが当てはまる 1 つのケースは、外部 Web サイトのページにリンクする場合です。次のリンク属性を使用して、通常の http 要求を行うように指定することもできます。

  • rel=外部

  • ターゲット (「_blank」などの任意の値)

于 2014-07-24T00:36:41.940 に答える