Как передать клик по родительскому элементу в дочерний на 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>

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

PORNOSEKSXXX

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

Akismet заблокировал 33 445 спамеров

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

Твиты пользователя @red_book_cms