0

こんにちは私はjQueryにかなり慣れていないので、jQueryモバイルサイトを作成しています

data-roleを使用して、各divの役割を定義しました。「メインコンテンツ」divの下にあるdivにリンクしたいナビゲーションバーがあります。私のメインサイトでは、下のdivに完全に移動できます。ただし、メインサイトで以下のdivに移動しようとすると、どこにも行きません。ハイパーリンクが機能していないようです。

jQuery mobileを使用しているときに、通常のWebサイトで機能することがわかっているので、同じページで以下のdivにリンクする別の方法はありますか？

ご入力いただきありがとうございます。

これが私のコードです： 

<div id="header" data-role="header" data-theme="c">
    <div data-role="navbar" data-theme="c" > <!--Start Nav Div -->
        <ul>
        <li><a data-icon="home" data-rel="dialog"  href="indexmobile.php">Home</a></li>
        <li><a  data-icon="arrow-d" data-rel="dialog" href="#aboutme">About</a></li>
        <li><a  data-icon="grid" data-rel="dialog" href="#portfolio">Portfolio</a></li>
        <li><a data-icon="gear" data-rel="dialog" href="#contactform">Contact</a></li>
        </ul>
        </div> <!-- End Nav Div -->
    </div> <!-- End Header Div -->

    <div id="maincontent" data-role="content"> <!-- Main Content Div -->
    </div> <!-- End Main Content -->
     <div id="portfolio"> <!-- Start Portfolio Div -->

            </div> <!--- End Portfolio Div -->

        <div id="aboutme"> <!--- About Me Div Start -->

        </div> <!--- End About Me Div -->
4

2 に答える 2

1

それぞれが<div>異なる必要がありますdata-role="page"。

JQueryMobileドキュメントの複数ページのドキュメント内でのリンクに関するセクションをお読みください。

于 2012-11-04T17:19:52.077 に答える
1

必要なdivへのアンカーリンクの種類を実現するには、これをリンクに追加するだけです。

data-ajax="false"

これは基本的にフレームワークにajaxを使用しないように指示し、ブラウザに「#aboutme」アンカーを本来の意図どおりに処理するように促します。つまり、表示するページの一部を識別します。

この手法を使用すると、同じページにスクロール可能なコンテンツを多数配置し、ナビゲーションバーやフッターなどでリンクすることができます。

受け入れられた答えは、実際には問題を解決していません。代わりに複数ページのドキュメントを作成するように指示しているため、そもそも必要と思われるスクロール可能なコンテンツがないため、問題を回避できます。

于 2013-12-20T11:19:33.270 に答える