Question

我的 INPUT 表格解决了我的 ENTER 键问题，并显示了一个JavaScript alert（）框：

jQuery CSS Selector to Filter keyboard ENTER key

提醒（）框并不漂亮，我一直在整合名为Cool notification messages with CSS3 and jQuery的内容。

在Dhiraj's Demo中，单击超链接时会触发这些通知消息，但我看不出他是如何连接他的click事件或调用他的showMessage函数的。 / p>

这可能是他的doc加载方法的片段吗？

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

如何传递一个值，表明我想使用哪种方式？

我如何将我的文本（“使用提交按钮进行表单提交。”）传递给标签？

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：

<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);  
  });         
});

如何触发我的jQuery事件？

1 个答案: