Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Следующая версия		 Предыдущая версия
jquery:qa [2014/10/31 13:50] – внешнее изменение 127.0.0.1jquery:qa [2019/05/22 22:38] (текущий) – mirocow
Строка 1: Строка 1:
 +{{tag>jquery java-script plugins bootstrap}}
 +
 ====== JQuery Вопросы / Ответы ====== ====== JQuery Вопросы / Ответы ======
  
 ===== Q-A ===== ===== Q-A =====
  
-  * **Q: Как сделать метод в JQuery** +==== Как сделать метод в JQuery ==== 
-    * A: <code javascript>+ 
 +<code javascript>
 (function($) { (function($) {
 jQuery.fn.doSomething = function() { jQuery.fn.doSomething = function() {
Строка 45: Строка 48:
 }); });
 </code> </code>
-  * **Q: Выполнение нескольких запросов AJAX через jQuery .post** + 
-    * A: http://js-prog.blogspot.com/2012/06/ajax-jquery-post.html +==== Выполнение нескольких запросов AJAX через jQuery .post ==== 
-  * **Q: Отправка данных форм ссылкой с помощью js/jquery** + 
-    * A: <code html>+http://js-prog.blogspot.com/2012/06/ajax-jquery-post.html 
 + 
 +==== Отправка данных форм ссылкой с помощью js/jquery ==== 
 + 
 +<code html>
 <script> <script>
 $(document).ready(function(){ $(document).ready(function(){
Строка 61: Строка 68:
 </form> </form>
 </code> </code>
-  * **Q: Отправить POST с ипользованием Ajax** + 
-    * A: <code html>+==== Отправить POST с ипользованием Ajax ==== 
 + 
 +A: <code html>
 <form name="myform" id="myform" action="" method="POST">   <form name="myform" id="myform" action="" method="POST">  
 <!-- The Name form field --> <!-- The Name form field -->
Строка 84: Строка 93:
 </script> </script>
 </code> </code>
-  * **Q: Отправить POST с ипользованием Ajax** + 
-    * A: <code html>+==== Отправить POST с ипользованием Ajax ==== 
 + 
 +<code html>
 $('select').change(function(){ $('select').change(function(){
   var v = $(this).val();   var v = $(this).val();
Строка 100: Строка 111:
 }); });
 </code> </code>
 +
 +==== Модальное окно ====
 +
 +<code javascript>
 +    $("body").on("click", ".js-user-confirm-modal", function() {
 +        var id = $(this).data("id");
 +        var deal = $(this).data("deal");
 +        $.ajax({
 +            method: "GET",
 +            url: "<?= $get_user_form?>?userId="+id+"&dealId="+deal,
 +            dataType: "html",
 +        }).done(function( data ) {
 +            $(".js-user-modal-content").html(data);
 +            $("#userConfirm").modal("show");
 +        });
 +    });
 +</code>
 +
 +<code html>
 +<h4>Покупатель
 +    <a href="javascript:void(0)" class="js-user-confirm-modal">
 +        <span class="glyphicon glyphicon-pencil"></span>
 +    </a>
 +</h4>
 +</code>
 +
 +<code html>
 +<div class="modal fade" id="userConfirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 +    <div class="modal-dialog" role="document">
 +        <div class="modal-content js-user-modal-content">
 +        ...
 +        </div>
 +    </div>
 +</div>
 +</code>
 +