Jchery Mobileで動作するアンカーリンクを取得するには？

Question

Jquery Mobileはアンカーリンクを並べ替えのページリクエストとして扱うことに決めました。ただし、同じページ（つまりhref = "＃specs"）へのアンカーリンクを持つブログ投稿の負荷がある場合、これはうまくいかないでしょう。

特定のページでjquery mobileのアンカーリンクの使用を無効にする方法はありますか？私はそれを使用しません。そのため、アンカーリンクを意図したとおりに使用してページの一部にドロップすることができます？

私は同じページのアンカーリンク（例：href = "＃specs"）の解決策のみが必要です。

おかげ

Answer 1

あなたはアンカータグにdata-ajax="false"を追加してみてください。アヤックスせずに他のドメインまたはその持っているのrel =「外部」を指す

リンクのリンク

、 データAJAX =「false」をまたはターゲットの属性は、Ajaxがロードされることはありません。 代わりに、これらのリンクはアニメーションのないフルページの更新を引き起こします 。別のサイトまたはドメインにリンクするときは、rel = "external" を使用する必要がありますが、 data- ajax = "false"は、 ドメイン内のページをAjax経由でロードすることを単に選択すると便利です。セキュリティの制限のため、 フレームワークは、常にAjax の動作から外部ドメインへのリンクを選択します。

リファレンス - http://jquerymobile.com/demos/1.0.1/docs/pages/page-links.html

Answer 2

あなたのページの末尾に次のコードを追加することができます。

<script type="text/javascript"> 
    $('a.native-anchor').bind('click', function(ev) { 
     var target = $($(this).attr('href')).get(0).offsetTop; 
     $.mobile.silentScroll(target); 
     return false; 
    }); 
</script> 

そして、あなたのアンカーリンクにクラス「ネイティブ・アンカー」を追加します。

ブラウザの[戻る]ボタンを使用すると、リンクの位置ではなく前のページに移動しますが、リンクしていないリンクよりも優れているからです。

私はここで、このsollutionが見つかりました：あなたは私のような場合は、既存のサイトを変換し、あなたが今、すべてのページを通過する必要はありません、jQuery Mobile Anchor Linking

Answer 3

$(document).bind("mobileinit", function() { 
    $.mobile.ajaxEnabled = false; 
}); 

Answer 4

を。ヘッダーに1行のコードを追加すると、すべての既存の内部アンカーリンクにdata-ajax = "false"タグが追加されます。

もちろん、これはあなたが自分のjavascriptファイルをすでにヘッダに入れていることを前提としています。あなたがいない場合は、とにかくすべてのページに触れる必要があります。しかし、私はすでに、すべてのページに含まれる単一のJavaScriptファイルを持っているので、私はこの行を追加...

$("a").each(function() { if(this.href.indexOf("#")>=0) $(this).attr("data-ajax",false); }); 

これはあなたの$（ドキュメント）.ready（）ブロックに行きます。あなたがまだそのブロックを持っていなければ、ブロック全体がここにあります。

$(document).ready(function() { 
    $("a").each(function() { if(this.href.indexOf("#")>=0) $(this).attr("data-ajax",false); }); 
}); 

希望します。これは、user700284が提供するソリューションと同じですが、自動化されています。

Answer 5

はありがとう 私

<script> 
    $(document).ready(function() { 
    $("a").each(function() { 
     if (this.href.indexOf("index.php") >= 0) $(this).attr("data-ajax", false); 
    }); 
    }); 
</script> 

私は私のドキュメントルートをあるindex.phpと#を置き換えるために、このソリューションが働いていました。 しかし、それはあなたが

$(document).bind('mobileinit', function() { 
    $.mobile.loader.prototype.options.disabled = true; 
    $.mobile.ajaxEnabled = false; 
    $.mobile.linkBindingEnabled = false; 
    $.mobile.loadingMessage = false; 
}); 

その後custom.jsファイルにこのコードを配置しjqueryの携帯JSがある前に、あなたのウェブページにこのファイルを追加する必要がフォームのボタンIE用input type="submit"

Answer 6

まず動作しません。ロードされる。すぐに'mobilinit'イベントがトリガーされるので