Как запустить событие jQuery?

Question

Как запустить событие jQuery?

0

Я получил ключевую проблему с моим ENTER для моих форм INPUT, и отображается окно JavaScript alert():

jQuery CSS Selector to Filter Клавиша ENTER ВВОД

Поле alert() не очень красивое, и я интегрировал что-то, называемое Cool уведомлениями с CSS3 и jQuery.

В демо- showMessage эти сообщения уведомления срабатывают при нажатии гиперссылки, но я не вижу, как он showMessage свое событие click или что вызывает его функцию showMessage.

Может ли быть этот фрагмент метода загрузки документа?

$(document).ready(function() {  
  // ...  
  $('.message').click(function() {  
    $(this).animate({top: -$(this).outerHeight()}, 500);  
  });         
});

Поскольку я не получаю кусок выше, я не знаю, как изменить мою часть jQuery ниже, чтобы заменить поле alert() тем, что он использует:

$('container content input').keypress(function (e) {
  if (e.which == 10 || e.which == 13) {
    alert('Form Submission needs to occur using the Submit button.');
    e.preventDefault();
  }
});

Вместо alert(), я хочу посмотреть, как изменить это, чтобы я мог сказать:

$('.container .content .row input').keypress(function (e) {
  if (e.which == 10 || e.which == 13) {
    //alert('Form Submission needs to occur using the Submit button.');
    $(this).animate({top: -$(this).outerHeight() }, 500);
    return false;
  }
});

Как передать значение, указывающее, какой стиль я бы хотел использовать?

Как передать текст ("Представление формы должно произойти с помощью кнопки" Отправить ".)) В тег?

jp2code 05 дек. 2013, в 00:38

Источник

Теги:

jquery

css3

1 ответ

Ещё вопросы

Robbie Averill · Accepted Answer · 2013-12-04T21-53-00.000Z

Это фрагмент кода, который привязан к click:

$('.'+ type +'-trigger').click(function(){
    hideAllMessages();                
    $('.'+type).animate({top:"0"}, 500);
});

Вы можете просто изменить этот обработчик событий на свой ключ ввода:

$('container content input').keypress(function (e) {
    var type = 'error'; // use error message by default
    if (e.which == 10 || e.which == 13) {
        hideAllMessages();                
        $('.' + type).animate({top:"0"}, 500);
        e.preventDefault();
    }
});

Затем вам нужно поместить сообщение об ошибке в div с ошибкой:

<div class="error message">
    <h3>Ups, an error ocurred</h3>
<p>This is just an error notification message.</p>

... или вы можете передать сообщение из Javascript:

hideAllMessages();
$('.' + type).find('h3').html('Your error title');
$('.' + type).find('p').html('Your error message');   
$('.' + type).animate({top:"0"}, 500);

PS - этот код здесь привязан, когда вы нажимаете сообщение (чтобы закрыть его), а не кнопку для его создания:

$(document).ready(function() {  
  // ...  
  $('.message').click(function() {  
    $(this).animate({top: -$(this).outerHeight()}, 500);  
  });         
});