AJAX加載內容無頁面刷新

我想加載內容而不刷新頁面。問題是我做了它，但它沒有加載圖像文件和CSS文件。AJAX加載內容無頁面刷新

這裏是我的代碼：

<script> 
      $(function(){ 
       $('.link').click(function(){ 
        var page=$(this).attr('value'); 
        console.log(page); 

       $('#display').load(page); 
       }); 
      }) 
     </script> 

<select > 
     <option value="#">Home</option> 
     <option value="../myProjects/Aion-Paradise/index.html" class="link">Aion-Paradise</option> 
     <option value="../myProjects/L2illusions/index.html" class="link">L2 Illutions</option> 
     <option value="../myProjects/l2sold/index.html" class="link">L2 Sold</option> 
     <option value="../myProjects/TemplateID1/index.html" class="link">Template 1</option> 
     <option value="../myProjects/TemplateID2/index.html" class="link">Template 2</option> 
    </select> 

<p><br> 
<div id="display"></div>

它加載HTML文件，但不是所有的圖像和CSS文件的內容。任何想法？在此先感謝。

來源

2015-06-15 user3589165

當您調用.load（）命令時，它將呈現選定頁面中的html。檢查呈現的源代碼並確保css和圖像鏈接對於它們正在呈現的頁面是正確的。

編輯：裏面的html文件，你可以有一個像這樣的圖像：

<img src='../myimage.gif' />

這可能是罰款，如果你去直接在瀏覽器中的HTML文件，但是當頁面呈現裏面你DIV在src可能更是這樣的：

<img src'myimage.gif' />

這一切都取決於你如何奠定了你的文件夾結構，並在圖像/ css文件是在關係到您的網頁。

來源

2015-06-15 10:30:21

如果這個答案幫助你，請你把它標記爲已回答。如果你已經用自己的方式解決了問題，你可以更新自己的答案，說出它是如何解決的。謝謝。 –

你必須從這個代碼

$(function(){ 
 
       $('.link').click(function(){ 
 
        var page=$(this).attr('value'); 
 
        console.log(page); 
 

 
       $('#display').load(page); 
 
       }); 
 
      })

更改「值」屬性的「href」這個代碼

$(function() { 
 
    $('.link').click(function() { 
 
    var page = $(this).attr('href'); // 'href' contains your url 
 
    console.log(page); 
 

 
    $('#display').load(page); 
 
    }); 
 
})

來源

2015-08-28 07:34:18

AJAX加載內容無頁面刷新

回答

相關問題