Почему не работает скрипт замены содержания div через ajax?

Question

[tizko]

Доброго времени суток!

Есть две странички index.php и index-form.html нужно чтобы в index подружалась форма из index-form заменяя собой содержание div'a первой страницы.

Есть скрипт вида :

$(document).ready(function() {
$('#btnzakaz').click(function(){
var toLoad = $(this).attr('href')+ '#content';
$('#content').hide('fast',loadContent);
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('normal',);
}
alert('1')
return false;
});
});

Собственно сам скрипт отрабатывает полностью, т.е я получаю "alert" при нажатии на кнопку, также выполняется скрытие первого content div'a , но новый контент не загружается, в чем может быть проблема?

Answer 1

[Anton Bobylev]

Почитайте документацию api.jquery.com/load
Обратите внимание на то, как колбэк передается:

$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});

Comments

[tizko]

Спасибо за ответ!

Обязательно загляну в документацию.

Answer 2

[Multigame]

1) пользуйтесь разметкой для кода на тостере.
2) не уверен, но я бы сказал что toLoad не будет корректно передаваться в $.load()
3) вместо третьего параметра в лоад Вы передаете не колбек, а результат работы(return) showNewContent
4) посмотрите через консоль разработчика куда уходит запрос... мне кажется не туда куда нужно.

Comments

[tizko]

Спасибо за ответ!

Я нашел ошибку, как всегда самая банальная - забыл обернуть форму в div.