0

私は Web サイトで作業していましたが、何らかの理由で JQuery Mobile が機能しません。ここで、JQuery Mobile の例から文字通りコピーされたコードを使用して、簡単なデモ ページを作成しました。

  <!DOCTYPE html> 
   <html> 
    <head> 
        <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
</head> 
<body> 

<div data-role="page" id="1">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Hello world</p>      
        <a href='#2' data-transition='slide'>2</a>
    </div><!-- /content -->

</div><!-- /page -->


<div data-role="page" id="2">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Hello world2</p>     
        <a href='#1' data-transition='slide'>1</a>
    </div><!-- /content -->

</div><!-- /page -->

</body>
</html>

これは何らかの理由で機能せず、「TypeError: t.split は関数ではありません」というエラーが返されます。何が問題なのか誰にもわかりますか？

4

1 に答える 1

0

使用している jQuery (1.9.2) および jQuery Mobile (1.3.1) フレームワークのバージョンを更新してみてください。

また、私はフィドルで試してみましたが、あなたのコードはうまくいきました。

わかりました。

id に数字のみを追加しました。これらを page1 と page2 に変更しました。

<div data-role="header">
    <h1>My Title</h1>
</div><!-- /header -->

<div data-role="content">   
    <p>Hello world</p>      
    <a href='#page2' data-transition='slide'>2</a>
</div><!-- /content -->


<div data-role="header">
    <h1>My Title</h1>
</div><!-- /header -->

<div data-role="content">   
    <p>Hello world2</p>     
    <a href='#page1' data-transition='slide'>1</a>
</div><!-- /content -->

今では動作します。

于 2013-07-16T08:17:22.907 に答える