2013-10-11 5 views
0

Я использовал модальный загрузчик и когда я нажимаю Добавить Changes кнопки ничего не происходит .. :(jQuery Submit не работает?

сценария в голове:

<script> 
$("addBtn").click(function() { 
    $("programFormDropDown").submit(function(event) {   
    }); 
}); 
</script> 

Мое модальным в теле:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
         <h4 class="modal-title">Confirm your change</h4> 
        </div> 
        <div class="modal-body">Are you sure you need to add these ? 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
         <button id="addBtn" class="btn btn-primary">Add changes</button> 
        </div> 
       </div> 
       <!-- /.modal-content --> 
      </div> 
      <!-- /.modal-dialog --> 
     </div> 

и моя форма в том же корпусе

<form id="programFormDropDown" action="../hDashBoard/project"> 

.....

Вы можете дать представление?

+0

Вы используете Mootools? – Sergio

ответ

2

у вас есть мисс # в два селектора JQuery

попробовать это:

$("#addBtn").click(function() { 
    $("#programFormDropDown").submit(function(event) {   
    }); 
}); 

вместо этого:

$("addBtn").click(function() { 
    $("programFormDropDown").submit(function(event) {   
    }); 
}); 
+1

Почему сбитый? Пожалуйста, объясни –

3

Вы, кажется, Forgoten в ваших селекторов в #, если только вы используете Mootools, который получает ID с $('id'). Попробуйте следующее:

$("#addBtn").click(function() { 
^
    $("#programFormDropDown").submit(function(event) { 
    ^   
    }); 
}); 
0

Похоже, вы не ищете AJAX представить, в этом случае изменить тип кнопки, чтобы представить, как

<button id="addBtn" class="btn btn-primary" type="submit">Add changes</button> 

, если вы хотите использовать скрипт

/add script in dom ready handler 
jQuery(function() { 
    //use id selectors - # in front of id 
    $("#addBtn").click(function() { 
     //call the dom elements submit method 
     $("#programFormDropDown")[0].submit(); 
    }); 
}) 
2

Вы, кажется, пропустите ссылку «#» от вашего селектора.

<script> 
$("#addBtn").click(function() { 
    $("#programFormDropDown").submit(function(event) {   
    }); 
}); 
</script> 
Смежные вопросы