0

私は Dreamweaver CS6 を使用しており、以下のコードを添付しました。すべての jquery ファイルを最新リリースに更新しました。ライブ ビューに移動すると、最初の 2 つのボタンの両方をクリックできますが、3 番目のボタンはどちらのページでも機能せず、右端がきれいに表示されません。cssまたはコード自体に何か問題がありますか。ありがとう

私は Dreamweaver CS6 を使用しており、以下のコードを添付しました。すべての jquery ファイルを最新リリースに更新しました。ライブ ビューに移動すると、最初の 2 つのボタンの両方をクリックできますが、3 番目のボタンはどちらのページでも機能せず、右端がきれいに表示されません。cssまたはコード自体に何か問題がありますか。ありがとう

<!--Safety Home Page Starts Here -->
<div data-role="page" id="safety_home" data-theme="c">
  <div data-role="header" data-theme="c">
    <h1>GGM Mobile</h1>
    <div data-role="navbar" data-theme="c"><ul>
      <li><a href="#safety_home" class="ui-btn-active">Home</a></li>
      <li><a href="#safety_topic">Topics</a></li>
      <li><a href="#safety_report">Report</a></li>
    </ul></div>
  </div>
  <div data-role="content" data-theme="c">
    <p>Home</p>
  </div>
  <div data-role="footer" data-theme="c">
    <h4>Gothic Grounds Management, Inc. &copy; 2012</h4>
  </div>
</div>
    <!--Safety Home Page Ends Here -->
    <!--Safety Topic Page Starts Here -->
<div data-role="page" id="safety_topic" data-theme="c">
  <div data-role="header" data-theme="c">
    <h1>GGM Mobile</h1>
    <div data-role="navbar" data-theme="c"><ul>
      <li><a href="#safety_home">Home</a></li>
      <li><a href="#safety_topic" class="ui-btn-active">Topic</a></li>
      <li><a href="#safety_report">Report</a></li>
    </ul>
    </div>
  </div>
  <div data-role="content" data-theme="c">
    <p>Topics</p>
  </div>
  <div data-role="footer" data-theme="c">
    <h4>Gothic Grounds Management, Inc. &copy; 2012</h4>
  </div>
    <!--Safety Topics Page Ends Here -->
    <!--Safety Incidents Page Starts Here -->
<div data-role="page" id="safety_report" data-theme="c">
  <div data-role="header" data-theme="c">
    <h1>GGM Mobile</h1>
    <div data-role="navbar" data-theme="c"><ul>
      <li><a href="#safety_home">Home</a></li>
      <li><a href="#safety_topic">Topics</a></li>
      <li><a href="#safety_report" class="ui-btn-active">Report</a></li>
    </ul>
    </div>
  </div>
  <div data-role="content" data-theme="c">
    <p>Topics</p>
  </div>
  <div data-role="footer" data-theme="c">
    <h4>Gothic Grounds Management, Inc. &copy; 2012</h4>
  </div>
    <!--Safety Incident Page Ends Here -->
4

1 に答える 1

0

2 番目と 3 番目のページには終了</div>タグがありません。このような問題を発見するために、バリデーターを試して使用することをお勧めします。コードをバリデーターで実行すると、次のようなものが表示されます。

行 38、列 56: 閉じられていない要素 div。

<div data-role="page" id="safety_report" data-theme="c">

行 20、列 55: 閉じられていない要素 div。

<div data-role="page" id="safety_topic" data-theme="c">

HTML5 バリデーター

  1. http://validator.w3.org/
  2. http://html5.validator.nu/

これが役立つことを願っています。

于 2012-05-21T00:38:16.743 に答える