Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.07.2012, 19:35
Новичок на форуме
Отправить личное сообщение для Akademik Посмотреть профиль Найти все сообщения от Akademik
 
Регистрация: 07.07.2012
Сообщений: 4

Проблема с .blur в jQuery
Доброго вечера,

Желающим потестить -- данные для авторизации

Имеем на вход: страничку, в которой нужно закрыть модальное окошко (menu->reup, .wprp_form) по внешнему клику; jQuery.

Присваиваем через файрбагову консоль функцию для события blur к нашему окошку:
$('.wprp_form').blur(
function(){
alert ('op');
}
);


Срабатывает при $('.wprp_form').blur, но не при клике мимо окошка. В чем проблема?
Ответить с цитированием
  #2 (permalink)  
Старый 07.07.2012, 19:52
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

вы blur на div повесили а он не поддерживает это событие
Ответить с цитированием
  #3 (permalink)  
Старый 07.07.2012, 20:17
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<div style="height:100px"></div>

<div class="wprp_form" id="wprpform2186">
<b>Request Reupload</b>
    <form action="" method="post" enctype="text/plain" onsubmit="return wprp_report(this);">
Why:&nbsp;&nbsp; <select name="report_as" id="report_as">
<option value="Dead Links">Dead Links</option>

</select>

<textarea name="description" style="margin:5px 10px; width: 280px;">Optional Comment</textarea>

	<input type="hidden" value="2186" name="post">
	   <input type="hidden" name="_wpnonce" value="a42a3be875" />
	<input name="do_report" type="submit" value="Submit Report" class="wprp_submit">

    </form>
</div>


<script>
$(document).ready(function(){
var Flag=false;
   function TstBlur (){
        if(!Flag) alert ('op');
  }
   $('.wprp_form form *').focus(function () {
         Flag=true;
    });

    $('.wprp_form form *').blur( function(){
      Flag=false; setTimeout(function(){TstBlur()},10)

    });
});
</script>

Клик по любому не элементу заполнения или кнопке - вызовет алерт

Последний раз редактировалось Deff, 07.07.2012 в 20:28.
Ответить с цитированием
  #4 (permalink)  
Старый 07.07.2012, 21:16
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

а как насчет tabindex (тоже вариант)
Ответить с цитированием
  #5 (permalink)  
Старый 08.07.2012, 10:14
Новичок на форуме
Отправить личное сообщение для Akademik Посмотреть профиль Найти все сообщения от Akademik
 
Регистрация: 07.07.2012
Сообщений: 4

Спасибо за советы, суть понял, написал своё решение:

var a = $("#article_edit_links_active a");
var b = $("#article_edit_links_active").children();
var c = $.merge(a, b);
// изначально вместо такого разврата использовал просто $("#article_edit_links_active"), в файрбаге также работало


$(document).children().click(function() {
  $(".wprp_form").css("display", "none");
  console.log ('frfr');
});

$(c).click(function(event){
  event.stopImmediatePropagation();
});


Но вот беда -- при исполнении из файрбага все работает отлично, при записи в head (в самый низ, дабы избежать конфликтов) -- лог в консоль выводить также при клике по кнопке reup, и чтобы открыть модальное окошко приходится делать двойной клик по ссылке. Как с проблемой совладать?

P.S. А по tabindex -- где о нем почитать? Ибо изо всех источников нашел только одну хорошую, но битую гуглокнигу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с кодировкой в Jquery snizhok jQuery 3 27.06.2011 19:53
Ошибка в jQuery 1.5.1. Не понимаю в чем проблема? viatcheslav AJAX и COMET 0 16.05.2011 10:38
Проблема с вкладками на jquery tomclancys Общие вопросы Javascript 0 11.03.2010 07:44
Проблема при работе с плагином jQuery Map Hilight REp0rtER jQuery 3 29.07.2009 21:10
jquery tabs (проблема с отображением) Extern Элементы интерфейса 0 16.03.2009 16:42