Как передать клик по родительскому элементу в дочерний на JQuery

Для эмуляции клика по вложенному дочернему элементу при клике пользователя на родительском элементе есть некоторые ‘подводные камни’, если так можно выразиться. Следующий фрагмента кода на JavaScript позволит читателям плавно миновать последние:

$(document).ready(function() {

    $('.abtn.b2').click(function(e){
        var $button = $(this).children('input[type="submit"]');
        if (e.target !== $button[0]) {
            $button.click();
        }
    });

});

HTML разметка при этом будет примерно вот такой:

<div class="abtn b2">
    <input type="submit" name="okbutton" value="Завершить регистрацию!">
</div>

«Для чего все это надо?», — наверное спросят некоторые из вас. Отвечу, что это вынужденная мера при стилизации кнопок согласно PSD-макету, представленному веб-дизайнером.

Опубликовано 5-06-2014 в 14:09


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты