加載頁面進入股利與jQuery /阿賈克斯（點擊功能不工作）

試圖從其他網頁內容從網址加載到特定事業部的點擊。但由於某種原因，它不起作用。鏈接保持轉發到頁面而不是在div中打開。最重要的是，初始加載代碼的作品。它加載最初的內容。在設置了一個警報來通知我，當我點擊具有所需內容的鏈接時，它會發送警報。然後我把回報假;在最後，現在它不加載任何東西。我究竟做錯了什麼。我使用一年前在這裏使用的代碼。但現在它不適用於我的新網站。請幫我確定如何解決這個問題。加載頁面進入股利與jQuery /阿賈克斯（點擊功能不工作）

這裏是我的AJAX代碼：

$(document).ready(function() { 
$('#main').load('pages/home.php'); 

    $('ul#navMenu li a').click(function() { 
     var page = $(this).attr('href'); 
     $('main').load('pages/' + page + '.php'); 
     return false; 
    }); 

});

這裏是我的HTML：

<body class=""> 
    <div class="container"> 
     <div class="menu-wrap"> 
      <nav class="menu"> 
       <div class="link-list"> 
        <center> 
        <ul id="navMenu"> 
        <li><a href="pages/home.php"><span>HOME</span></a></li> 
        <li><a href="pages/artist.php"><span>TALENT</span></a></li> 
        <li><a href="#"><span>SERVICES</span></a></li> 
        <li><a href="#"><span>MUSIC</span></a></li> 
        <li><a href="#"><span>BEATS</span></a></li> 
        <li><a href="#"><span>VIDEOS</span></a></li> 
        <li><a href="#"><span>CONTACT US</span></a></li> 
        </ul> 
        </center> 
       </div> 

      </nav> 
     </div> 
     <button class="menu-button" id="open-button"><img src="img/menubutt.png" height="42" width="42"><span>Open Menu</span></button> 
     <div class="content-wrap"> 
      <div id="main"> 

      </div> 
     </div><!-- /content-wrap --> 
    </div><!-- /container --> 
    <script src="js/jquery-3.2.1.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/ajax.js"></script> 
    <script src="js/classie.js"></script> 
    <script src="js/main.js"></script>

而且，這裏是我的服務器上的網站測試：

https://trillumonopoly.com/testing

來源

2017-10-09 Trillumonopoly Inc

嘗試更換'$（ 'UL＃navMenu李一'）。點擊（函數（）{'和'$ （「UL＃navMenu」）上（「點擊」，「李一」，函數（事件）{event.preventDefault（）;' – Rulisp

@rulisp這並不工作，它只是打開的頁面在同一窗口，但不是在DIV –

儘量消除你的JavaScript錯誤，從控制檯，它說https://www.trillumonopoly.com/testing/js/bootstrap.min.js沒有找到 – Vincent1989

看起來我找到了喲的真正原因你的錯誤。

看看你的鏈接<li><a href="pages/home.php"><span>HOME</span></a></li> 更確切地說，在home.php

在你的JS，你得到充分的鏈接，例如pages/home.php，那麼你給它添加.php一個更多的時間，讓你的最後一個環節是pages/home.php.php，但不pages/home.php

來源

2017-10-09 03:23:49 Rulisp

這項工作也必須採取頁/出，.php和只包含頁面名稱，因爲它指定了從哪裏加載（目錄）和JS ... thx中的擴展名 –

嘗試變更

$('main').load('pages/' + page + '.php');

到

$('#main').load('pages/' + page + '.php');

你已經忘記了#在main

來源

2017-10-09 02:40:53

這並不工作要麼刪除您的網址額外.php然後仔細檢查。我糾正了它。仍沒有不同的結果 –

這也不工作。我糾正了它。仍然沒有不同的結果 –

請求的網址，如果錯誤：頁。您正在請求「https：// www.trillumonopoly.com/testing/pages/pages/artist.php.php」（兩頁/頁）。更改爲'$（'＃main'）。load（page）;'並且可能會工作：D –

嘗試在頁面變量，可以矯正你的網址，也是你的主要錯字開始：

$(document).ready(function() { 
$('#main').load('pages/home.php'); 

    $('ul#navMenu li a').click(function() { 
     var page = $(this).attr('href');//your href attribute is '#', which doesn't yield a correct path 
     $('#main').load('pages/' + page + '.php');//$('#main') instead of $('main'), for id 
     return false; 
    }); 

});

來源

2017-10-09 02:41:44 Vincent1989

糾正後，它仍然給我相同的結果 –

加載頁面進入股利與jQuery /阿賈克斯（點擊功能不工作）

回答

相關問題