javascript - 基本的 jQuery 问题

Question

我在 jQuery 上苦苦挣扎了很长时间。它非常强大，我们可以用 jQuery 做很多很棒的事情。

我的问题是我同时使用了很多 jQuery 功能。例如。我有一个显示项目的网站，每页 12 个项目，我可以使用 jQuery 对页面进行分页。在同一页面上，我实现了一个也使用 jQuery 的 thumpsUp 按钮。

我使用的 jQuery 功能越多，就越难正确安排它们。例如:

$(document).ready(function() {
 $(".cornerize").corner("5px"); //cornerize links
 $('a#verd').live('click', exSite); //open iframe
 $("a.tp").live('click', thumpsUp); //thumps up
 $("a#next").click(getProgramms); //next page
 $("a#previous").click(getProgramms); //previous page
    //for the current page reload the content
 $("a#page").each(function() {
  $(this).click(getProgramms);
 });
 //this isn't working...
 $('.smallerpost').live('click', alert('test'));
});

看看最后一行代码。我想在单击 div 元素时执行警报。当我刷新页面时，页面没有这样做，而是向我显示警报。单击 div 无效。

我做错了什么？这里有什么策略可以使 jQuery 干净且有效？

Answer 1

将该行更改为

$('.smallerpost').live('click', function () {
    alert('test');
});

当你在那里的时候......

$("a#page").each(function() {
    $(this).click(getProgramms);
});

与以下内容具有完全相同的效果:

$('a#page').click(getProgramms);

...但从技术上讲，无论如何应该只有一个 id='page' 的元素