jQuery, AJAX, форма загружается?

Question

Я использую тему WordPress Studio8 , и я создал несколько пользовательских форм на страницах, загруженных пользовательскими перезаписчиками URL.

Проблема в том, что HTML-код действителен и без ошибокпри загрузке страниц через jQuery $.load('URL Selelcor') перемещается

<input type="submit" id="submit" value="Submit" />

за пределы формы.

Моя форма выглядит так:

<form attributes....>
    ....
    <input attributes .... />
    ....
    <input type="submit" id="submit" value="Submit" />
</form>

ирезультат HTML выглядит следующим образом:

<form attributes....>
    ....
    <input attributes .... />
    ....
</form>

<input type="submit" id="submit" value="Submit" />

Есть идеи о том, как решить эту проблему?

---

Еще один способ решения этой проблемы - проверить, есть ли формазагружается, а затем, если форма не содержит кнопку отправки для добавления с помощью JavaScript.

Теперь проблема в том, что мне нужно проверить, существует ли форма после загрузки AJAX.Например, для других событий в элементах формы я использую

$('element_selector).live('event_name', function(){});

. В моем случае, как я могу проверить, есть ли у формы кнопка отправки после загрузки AJAX?

Answer 1

Странно, но вот идея:

 $(document).ready(function()
 {
      $('input[type="submit"]').live("click",function()
       {
           $('form').submit();
       });
 });

Это должно заставить существующую кнопку отправить вашу форму.Вы можете добавить к нему идентификатор, чтобы запретить отправку всех форм на странице.

Чтобы проверить, есть ли он, и добавить его, если хотите, вы можете использовать:

$(document).ready(function()
{
      if(!$("form").find(':submit').attr("value"))
      {
          $("form").append("<input type=\"submit\" value=\"Submit!\" />");
      }
  });

См. этот jsFiddle .