- Hidden/Show jQuery Бутон не коректно работещ в двоен див
WT форуми -> HTML / Javascript / CSS -> Hidden/Show jQuery Бутон не коректно работещ в двоен див
Създайте нова тема Напишете отговор 
Автор Съобщение
Ticketa
Турист
Турист

Регистриран на: 27/02/2012 3:54 pm

Support: 23
Bonus: 46
Мнения: 274
Мнение 03/11/2018 3:32 pm     Hidden/Show jQuery Бутон не коректно работещ в двоен див Отговорете с цитат


Банда привет,
имам див, който го визуализирам, чрез натискане на бутон.

Явно се чупи защото искам да визуализирам един див в друг див, който също го визуализирам?
Javascript code:


$(".my_bid_titlex").on("click", function (e) {
alert("hi");
if($(".my_bidx").is(":hidden")) {
$(".my_bidx").show();
alert("bob");
} else {
$(".my_bidx").hide();
}
});
$("#bid-spec-formx").submit(function(){
auction.bidSpecCounter($(this));
return false;
});





В случая, дори "form" не сработва коректно т.е. при натискане на бутон "ОК" се зарежда страницата, вместо да изпълни заявката коректно. Ако изкарам <form> от зареждащата таблица "/page/loadingTable" всичко работи коректно.
Тоест извода е, че се чупи jQuery , тъй като или липсва нещо, или се е получило неправилно структуриране.

Последната промяна е направена от Ticketa на 04/11/2018 1:09 pm; мнението е било променяно общо 3 пъти
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
heytar
Нов
Нов

Регистриран на: 29/06/2015 9:28 am

Support: 1
Bonus: 2
Мнения: 74
Мнение 03/11/2018 4:03 pm      Отговорете с цитат


Нищо не ти разбрах.
И позлвай това - https://jsfiddle.net/9r87gxuh/
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
Ticketa
Турист
Турист

Регистриран на: 27/02/2012 3:54 pm

Support: 23
Bonus: 46
Мнения: 274
Мнение 04/11/2018 12:48 pm     Re: Hidden/Show jQuery Бутон не коректно работещ в двоен див Отговорете с цитат


Единият проблем за hidden/show бутона го коригирах. Оказа се , че след зареждане на AJAX форма/таблица или каквото и да било се чупи jQuery кода и трябва да се промени функцията, а именно:

http://api.jquery.com/live/

от: $(".my_bid_titlex").on("click", function (e) {

става: $( document ).on( "click", "span.my_bid_titlex", function() {

Сега остана да реша проблема със submit изпращането на данни (то също е след зареждане на AJAX и явно проблема е подобен, но за момента не откривам проблема)

Javascript code:

$("#bid-spec-formx").submit(function(){
auction.bidSpecCounter($(this));
return false;
});


HTML code:


<form id="bid-spec-formx " class="my_bidx" style="display:none">
<input type="hidden" name="lot" value="' . $lot_id . '"/>
<div class="bid-spec-formx__group input-group">
<input type="text" name="price" class="form-control"/>
<span class="input-group-btn">
<input type="submit" name="name" onclick="" value="ok" class="btn btn-success form-control"/>
</span>
</div>
</form>


Първият проблем го реших, чрез търсене в гугъл(Click doesn't work after AJAX load – jQuery, jQuery on click not working after ajax call) и четене на документацията в jQuery


ЕДИТ: 4.11/13:10
Това: $("#bid-spec-formx").submit(function(){

Става $( document ).on( "submit", "form#bid-spec-formx", function(event) {

В кода добавяме й event.preventDefault();

Вуала, решено! Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети