Question

我的问题：

当用户将鼠标悬停在列上时，我有一行div标记作为列的标题，div更改为排序选项，如ASC和DESC。我需要他们做的是当用户点击其中一个选项时，会弹出一个警告，点击选项是值和div类名。

例如，如果用户单击ASC，则会弹出一个警告，如果单击desc，则会显示headerID ASC 1或headerID DESC 2.

对于我的生活，我无法弄清楚这一点。现在我正在测试警报，然后我将使用.load（）来加载带有排序选项的页面

div = headerID

sort = ASC

value = 1

或

div = headerID

sort = DESC

value = 2

取决于点击的内容。

我已经拥有http://jsfiddle.net/hmeHn/1/

的演示

Answer 1

这里有许多可能的解决方案之一

http://jsfiddle.net/eQJSU/2/

Answer 2

这样的事情？

http://jsfiddle.net/hmeHn/6/

Answer 3

我会将ASC和DESC文本转换为与每个文本相关联的点击操作的链接。然后，在click回调中，提供您的操作：

    $(this).html('<span id="sortShow">\
                 <a href="#" class="asc">ASC</a> | \
                 <a href="#" class="desc">DESC</a></span>');
    $(this).on('click', 'asc', function(e) {
        e, preventDefault();
        alert('Ascending');
    }).on('click', 'desc', function(e) {
        e, preventDefault();
        alert('Descending');
    })

这只是一个粗略的例子。另外，我建议不要在jQuery选择器中使用正则表达式，因为它们比其他选择器慢得多。 div [class * = header]不好。请尝试使用其他类来区分标题。

jquery悬停选项然后单击以加载页面

3 个答案: