以前、jQuery に問題がありましたが、今回は JavaScript ではなく CSS だけに同じ問題があるようです: javascript 関数が機能するためにページを更新する必要があるのはなぜですか?
あるページから別のページに遷移するとき、ターゲット ページのカスタム css プロパティが適用されません。それらを適用するには、ページを更新する必要があります。
とバインドしようとしましpageinitたが、うまくいきません。
このナンセンスを止めて、3度目にここに戻ってこないようにするには、どうすればよいですか。?
私はこれにうんざりしていて、それが私を遅くしています。
ありがとう。
編集：
rel="external"元のページで使用しましたが、機能します。理由を説明できますか:
<a href="page2.php?c=x" rel="external">Page2</a>`
session.header.php (テンプレート ファイル)
<!DOCTYPE html>
<html>
<head>
<title>{$TITLE}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" media="all" />
<!-- Custom css -->
<link rel="stylesheet" href="jquery.mobile.custom/jqm-icon-pack-2.1.2-fa.css" media="all" />
<!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script src="events.js" type="text/javascript"></script>
<style>
#td-menu
{
padding-left:75px;
}
</style>
</head>
<body>
<div data-role="page" id="page1" style="background-color:#FFF">
<div align="center"><img src="images/logo.png" alt="logo" width="230" height="123" /></div>
<div data-role="header" data-position="inline">
<div data-role="navbar">
<ul>
<li><a href="index.php" data-role="button" data-ajax="false" data-theme="b">Home</a></li>
</ul>
</div>
</div>
このテンプレート ファイルで実行されるページにアクセスすると、インライン CSS が適用されません。アドレス ボックスに URL を入力するか、(別のページから開始した後に) ページを更新すると、CSS が適用されます。
しかし、今のところ、で動作しているようで、rel="external"どうすればよいかわかりません。