Проблемы с функцией load()

Question

Следующая часть моего сайта, только что удаленный код, который я знаю, не нужен для вопроса;

<div id="Container"> 
<div id="Header"></div> 
<div id='TopNav'> 
<ul> 
    <li> <a href=''>Home</a></li> 
    <li><a href ='' id='bt1'>Contact EHC</a></li> 
    <li><a href=''>Student Portal</a></li> 
    <li><a href=''>Lecturer Portal</a></li> 
    <li><a href=''>How To Apply</a></li> 
    <li><a href=''>Student Union</a></li> 
    <li><a href=''>News</a></li> 
    <li><a href=''>Tutorials</a></li> 
    <li><a href=''>Log In</a></li> 
    <li class='last'><a href=''>Graduation</a></li> 
</ul> 
</div> 
<!-- topNav closes here --> 

<div id="Content"></div> 
<!-- Content div ends here --> 

<div id="Footer"></div> 
</div> <!-- conatiner closes here--> 

CSS-код для #content является следующее:

#Content { 
float: left; 
height: auto; 
width: 800px; 
border-style: solid; 
border-width: thin; 
background-color: #F5FDFE; 
text-indent: 0px; 
text-align: justify; 
padding-top: 0px; 
padding-right: 5px; 
padding-bottom: 3px; 
padding-left: 5px; 
} 

Моя функция JQuery выглядит следующим образом:

$(document).ready(function(){ 

    $('#bt1').click(function() { 
     $('#content').load('other.html'); 
    }); 

}); 

Когда я пытаюсь использовать функцию JQuery над ней не работает , div #content остается пустым, когда я нажимаю «Contact EHC». Консоль не показывает никаких ошибок, я использую WAMP в качестве моего сервера тестирования. Что-то не так с моим кодом, что может помешать работе функции jQuery? простой код, например alert («Hello»); отлично работает, если я включу его там. Я прошу прощения, если проблема очевидна, я преподаю себе веб-разработку, это для моего финального проекта в колледже.

Answer 1

После некоторых исследований я обнаружил, что я забывал включить некоторый код, который будет препятствовать связи с ним следят. Следующий код работал для меня просто отлично. Спасибо или ваши ответы.

$('#bt1').click(function() { 
$('#content').load('other.html'); 
return false; <----------- This is the code i was missing out 
}); 

Answer 2

использование этого

$("#content").html('<object data="http://other.html/">'); 

Answer 3

1. Может быть проблема путь, но вы бы ошибку 404: jQuery ajax load() file not working in localhost - (w3scools.com jQuery AJAX sample tutorial).

2. Вы уверены, что используете этот сервер? http: // localhost? Функция load() не работает в файле: //

3. Если вы используете браузер Google Chrome, загляните в вкладку «Сетевые» программы dev, чтобы убедиться, что вызов ajax работает правильно.

Answer 4

Попробуйте это:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#bt1').click(function() { 
       $("#content").load('/jquery/result.html'); 
      }); 
     }); 
    </script>