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

Question

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

jQuery CSS Selector to Filter keyboard ENTER key

оповещения() поле не очень, и я интегрировал что-то под названием Cool notification messages with CSS3 and jQuery.

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

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

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

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

$('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(); 
    } 
}); 

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

$('.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; 
    } 
}); 

Как пройти Вэл ue указывает, какой стиль ящика хотел бы использовать?

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

Answer 1

Это фрагмент его кода, который является обязательным для 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 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); 

P.S. - этот код здесь обязан при нажатии сообщения (чтобы закрыть его), а не на кнопку, чтобы создать его:

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