Flip In New Content

Question

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

<button type="submit" value="BSend" class="l-button">code</button> 
<input type="text" name="bewerbung" class="l-input"> 

    Example: 
    CODE01 = GET CONTENT 01 
    CODE02 = GET CONTENT 02 
    CODE03 = GET CONTENT 03 
    CODE04 = GET CONTENT 04 

Для того, чтобы нагрузка в более эффективной, я хочу использовать LIB называется jQuery flip effect with Flippy для него. Чтобы он работал над моим кодом, ему нужен контейнер с классом flipbox-container. В этом контейнере будет перевернуто содержимое с классом flipbox.

Я уже пробовал его с другим сайтом моего сайта:

$(document).on('submit', 'form.ajax', function (e) { 
     e.preventDefault(); 
     var that = $(this), 
     url = that.attr('action'), 
     type = that.attr('method'), 
     data = {}; 
     that.find('[name]').each(function (index, value) { 
     var that = $(this), 
      name = that.attr('name'), 
      value = that.val(); 
     data[name] = value 
     }); 
     $.ajax({ 
     url: url, 
     type: type, 
     data: data, 
     success: function() { 


      $(".flipbox").flippy({ 
       color_target: "", 
       duration: "500", 
       verso: "<article class=\"leftk\"><header><h3>Kontakt</h3></header><form action=\"submit.php\" method=\"post\" title=\"Kontaktformular\" class=\"ajax\"><label for=\"name\">Name</label><input name=\"name\" type=\"text\" title=\"Name\"><label for=\"email\">E-Mail-Adresse</label><input name=\"email\" type=\"text\" title=\"Email\"><label for=\"auswahl\">Präfix</label><label class=\"label\"> <select name=\"auswahl\" class=\"dropdown\"> <option selected value=\"Webdesign\">Anfrage Webdesign</option> <option value=\"Persoenliche\">Anfrage persönlich</option> <option value=\"Andere\">Alles andere</option> <option value=\"Spam\">Spam</option></select></label><textarea name=\"message\" title=\"Nachricht\"></textarea><button value=\"Send\" type=\"submit\" class=\"button\">Absenden</button></form></article><aside id=\"robot\"><ul class=\"social-icons clearfix\"> <li class=\"facebook\"><a href=\"#\">Facebook</a></li> <li class=\"google\"><a href=\"#\">Google</a></li> <li class=\"skype\"><a href=\"#\">Skype</a></li> <li class=\"twitter\"><a href=\"#\">Twitter</a></li> <li class=\"youtube\"><a href=\"#\">YouTube</a></li></ul></aside>", 
       onFinish: function() { 
        $("#no-color").css("background-color", "transparent"); 
       } 
      }); 
     } 
     }); 

Так как вы можете увидеть новый контент для каких-либо причины должно быть написано в этой штуке оборотной.

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

Answer 1

Результат Ajax вызова передается success обратного вызова:

$.ajax({ 
    ... 
    success: function(htmlAnswer) { 
     $(".flipbox").flippy({ 
      ... 
      verso: htmlAnswer, 
      ... 
     }); 
    } 
}); 

При отправке отправить запрос, ваш сервер не возвращает HTML, который будет отображаться, не так ли?

В противном случае, вам может понадобиться цепи другой АЯКС вызов для извлечения нужного содержания ...