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加载内容无页面刷新

回答

相关问题