DIVコンテナ内でjqueryを使用して、外部htmlファイル内にある特定のコンテンツをロードできません:/
リンクhttp://www.flyingcowproduction.com/123にアクセスして、メイン メニューの任意のボタンを押して、発生している問題をよりよく理解してください。各ボタンはそれに割り当てられたコンテンツを表示する必要がありますが、代わりに load.php ファイル内のコンテンツ全体がコンテナー内に表示されます。
誰が問題が何であるか知っていますか?また、メニュー、javascript、およびローダー ページへのリンク (ソースを表示) のコードも提供しています。
メニュー:
<ul id="menu">
<li><a href="home" class="openContentLink"><img src="img/menu/logo.png" alt="Platinum Limo Services" /></a>
<li><a id="services1" href="#Services" class="services openContentLink"></a></li>
<li><a id="rates1" href="#Rates" class="rates openContentLink"></a></li>
<li><a id="reservations1" href="#Reservations" class="reservations openContentLink"></a></li>
<li><a id="fleet1" href="#Fleet" class="fleet openContentLink"></a></li>
</ul>
ジャバスクリプト:
function loadPostUsingAjax(section) {
loading('on');
var loadStr = "load.php" + section;
$('#singleContentInside').load(loadStr, function(){
loading('off');
$("#services1").click(function() {
loadPostUsingAjax("#services")
});
$("#services2").click(function() {
loadPostUsingAjax("#services")
});
$("#rates1").click(function() {
loadPostUsingAjax("#rates")
});
$("#rates2").click(function() {
loadPostUsingAjax("#rates")
});
$("#reservations1").click(function() {
loadPostUsingAjax("#reservations")
});
$("#reservations2").click(function() {
loadPostUsingAjax("#reservations")
});
$("#fleet1").click(function() {
loadPostUsingAjax("#fleets")
});
$("#fleet2").click(function() {
loadPostUsingAjax("#fleets")
});
});
}
ローダ:
http://www.flyingcowproduction.com/123/load.php
10億前もって感謝します!!!