为什么我的jQuery UI按钮在使用类选择器定义时不起作用但是对于id选择器很好?

时间:2010-11-27 10:55:57

标签: jquery jquery-ui button jquery-selectors

我的文档中有两个按钮。

在我的jQuery代码中使用id选择器定义了一个:

<button id="reviewBtn" class="span-1">Review</button>

$("#reviewBtn").button({
    icons: {primary: "ui-icon-triangle-1-e"},
    text: false
});

另一个是用类选择器定义的:

<button id="search_364489867" class="span-1 searchBtn search">Search</button>

$("button.search").button({
    icons: {    secondary: "ui-icon-triangle-1-e"},
    text: true
});

使用类选择器(button.search)定义的按钮不会使用jQuery UI样式进行修饰,而使用id选择器(#reviewBtn)定义的按钮将按预期显示。

我可以不使用班级选择器定义按钮吗?

如果没有,那么如何使用动态生成的ID值(search_364489867)定义它?

1 个答案:

答案 0 :(得分:0)

在大部分时间调试时,都要检查您的假设。

所以检查你的假设:而不是调用.button()做一个更简单的方法,比如,

$("button.search").slideUp(2000);

如果按钮什么都不做,那么你的选择器可能是错误的。 如果按钮向上滑动,则表示您的选择器是正确的,但方法调用错误或无效。

然后使用方法调用等检查您的假设