JQuery загрузки Div сдвиг

Question

Я использую следующее для загрузки div после успешной отправки формы ajax.

  $('#randomdiv').load('somepage.html #randomdiv');

Все происходит именно так, как я хочу, за исключением того, что когда кнопка впервые используется для запуска отправки формы, div смещается вниз и примерно на 4 пикселя в каждом направлении. Я абсолютно в тупик, что будет причиной.

Я перезагружаю кнопку, используя тот же формат.

 $('#submitbutton').load('somepage.html #submitbutton');

Кнопка также показывает тот же сдвиг. Я пробовал любой другой метод обновления, но мне нужно обновить переменные базы данных, и этот метод является единственным, который работает. Любая помощь будет оценена.

Answer 1

Я думаю, что вы получаете случайное вложение, которое проявляется как визуальное смещение. От прекрасное руководство :

$('#result').load('ajax/test.html #container');

Когда этот метод выполняется, он извлекает содержимое ajax/test.html, но затем jQuery анализирует возвращенный документ, чтобы найти элемент с идентификатором контейнера. Этот элемент вместе с его содержимым вставляется в элемент с идентификатором результата, а остальная часть извлеченного документа отбрасывается.

Итак, когда вы сделаете это:

$('#randomdiv').load('somepage.html #randomdiv');

Вы получите эту структуру в своем HTML:

<div id="randomdiv">
    <div id="randomdiv">
        whatever was in somepage.html's #randomdiv
    </div>
</div>

когда вы, вероятно, ожидаете этого:

<div id="randomdiv">
    whatever was in somepage.html's #randomdiv
</div>

Возможно, вам просто нужно немного реструктурировать HTML, чтобы иметь внешний элемент контейнера, скажем, #container, который ожидает вставки в него #randomdiv:

<div id="container">
    <div id="randomdiv">
        ...

А затем сделайте $('#container').load('somepage.html #randomdiv'), чтобы положить в него вещи.