Jquery ajax加載問題

爲什麼不能正常工作？使用Jquery ajax加載問題

$('#websitedesign').load('test.html', function() { 
    alert('Load was performed.'); 
});

jQuery的版本：1.3.1分鐘

的html代碼：

<body> 
<div id="top"> 
<div class="wrapper"> 
    <a href="http://www.bmvisuals.nl/" id="logoh1">BMvisuals</h1></a> 
    <div id="menu"> 
    <a href="index.html"> 
    <span id="mhome">Home</span> 
    Beginpagina 
    </a> 
    <a href="overons.html"> 
    <span id="moverons">Over ons</span> 
    Wie zijn wij 
    </a> 
    <a href="diensten.html"> 
    <span id="mdiensten">Diensten</span> 
    Wat doen wij 
    </a> 
    <a href="werkwijze.html"> 
    <span id="mwerkwijze">Werkwijze</span> 
    Hoe wij het doen 
    </a> 
    <a href="portfolio.html"> 
    <span id="mport">Portfolio</span> 
    Wat we gedaan hebben 
    </a> 
    <a href="contact.html"> 
    <span id="mcontact">Contact</span> 
    Neem contact op 
    </a> 
    </div> 
</div> 
</div> 
<div id="floor"> 
<div id="floorbg"> 
    <div id="catch"> 
    We doen het allemaal 
    <h2>Website design, logo design, webshop, CMS, SEO, huisstijl...</h2> 
    </div> 
    <div id="content"> 
    <div class="top"></div> 
    <div class="bg"> 
    <div id="contentnav"> 
    <ul> 
     <li id="link_websitedesign"><a href="#websitedesign">Website Design</a></li> 
     <li id="link_logodesign"><a href="#websitedesigntest">Logo Design</a></li> 
     <li id="link_webshop"><a href="#">Webshop</a></li> 
     <li><a href="#">Wordpress</a></li> 
     <li><a href="#">Content Management Systeem</a></li> 
     <li><a href="#">Search Engine Optimizing</a></li> 
     <li><a href="#">Huisstijl</a></li> 
     <li><a href="#">Slicen</a></li> 
     <li><a href="#">Hosting</a></li> 
    </ul> 
    </div> 
    <div class="text"> 
        <div id="websitedesign"> 
          <h3>Website Design</h3> 
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis vestibulum varius. Donec tempus aliquet sapien.</p> 
          <p>Fid cursus sapien malesuada sit amet. Duis facilisis, justo at lobortis mattis, lorem quam vulputate elit, id interdum lectus lectus ut velit. Cras lacus metus, tempor non scelerisque sit amet, pretium non sem. Aliquam fringilla accumsan condimentum. Duis eu commodo lacus. Vestibulum mollis augue nec ante consectetur pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean lacus mi, tincidunt vitae auctor luctus, facilisis non puru.</p> 
          <p><a href="#">Lees meer over ons</a></p> 
         </div> 
    </div> 
    </div> 
    <div class="bottom"></div> 
    </div> 
</div> 
</div> 

<div id="bottom"> 
<div class="wrapper"> 
    <div class="top"></div> 
    <div class="bg"> 
    <div id="mininav"> 
    <a href="index.html">Home</a> 
    <a href="overons.html">Over ons</a> 
    <a href="diensten.html">Diensten</a> 
    <a href="werkwijze.html">Werkwijze</a> 
    <a href="portfolio.html">Portfolio</a> 
    <a href="contact.html">Contact</a> 
    </div> 
    <div id="services"> 
    <table> 
    <tr><td><a href="#">Website Design</a></td><td><a href="#">Content Management Systeem</a></td></tr> 
    <tr><td><a href="#">Logo Design</a></td><td><a href="#">Search Engine Optimizing</a></td></tr> 
    <tr><td><a href="#">Webshop</a></td><td><a href="#">Hosting</a></td></tr> 
    <tr><td><a href="#">Wordpress</a></td><td></td></tr> 
    <tr><td><a href="#">Huisstijl</a></td><td></td></tr> 
    <tr><td><a href="#">Slicen</a></td><td></td></tr> 
    </table> 
    </div> 
    <div id="contactinfo"> 
    <table> 
    <tr><td>Web:</td><td><a href="http://www.BMvisuals.nl">BMvisuals.nl</a></td></tr> 
    <tr><td>MSN:</td><td>[email protected]</td></tr> 
    <tr><td>Email:</td><td><a href="mailto:[email protected]">[email protected]</a></td></tr> 
    <tr><td>Skype:</td><td>BMvisuals</td></tr> 
    <tr><td>Tel.:</td><td>06 48 306 352</td></tr> 
    </table> 
    </div> 
    </div> 
    <div id="footer"> 
    <a href="http://www.bmvisuals.nl/">BMvisuals.nl</a>, Copyright 2010 - 2011&copy;. Alle rechten voorbehouden. 
    </div> 
</div> 
</div> 
</body>

我真的沒有任何線索。

日Thnx

來源

2010-09-22 basm

首先，你爲什麼使用jQuery 1.3.1？ 1.4.2是當前版本，應該與您的代碼完全兼容。其次，你在做一個$（document）.ready（）事件包裝器中的Javascript嗎？第三，你是什麼意思的「不工作」？有沒有錯誤信息？ – lonesomeday 2010-09-22 10:40:40

螢火蟲節目是什麼？實際的請求是否會觸發？服務器是否提供某種響應 - 如404-文件未找到？ – 2010-09-22 10:42:52

你忘了把它包在$（文件）。就緒（）事件處理程序？

$(function(){ 
    $('#websitedesign').load('test.html', function() { 
    alert('Load was performed.'); 
    }); 
});

來源

2010-09-22 14:05:18 corymathews

put this below ur html 

$('#websitedesign').load('test.html', function() { 
    alert('Load was performed.'); 
}); 


or 

jQuery(function(){ 

$('#websitedesign').load('test.html', function() { 
    alert('Load was performed.'); 
}); 


});

來源

2010-09-22 13:11:51

Jquery ajax加載問題

回答

相關問題