问题标签 [jquery-ui-button]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
354 浏览

jquery - 由于浏览器之间目标元素的差异,事件委托失败

这是 DOM 的简化摘录:

对表中的每一行(〜500)重复此操作,并且表的 ID 为“eventTable”

这是按钮实例化(jQueryUI):

这是表 #eventTable 上的事件委托的一部分

现在,在 Firefox 3.6.x、IE7、8 中,这可以工作并进入if语句。然而,在 Safari 和 Chrome 中,e.target代表第一个span而不是周围的button.

为什么会这样?我可以克服它,但我希望得到一个解释,这样我以后就不会在不同的场景中遇到同样的问题。为什么 Webkit 是对的而 Trident/Gecko 是错的?是什么导致了差异?

0 投票
1 回答
416 浏览

jquery-ui-button - Google TV Chrome 浏览器无法正确呈现 JQuery-UI .buttonset() 单选按钮

我使用最新版本的 Jquery-UI——而不是专门为 Google TV 设计的(因为 google TV 版本本质上是完全不同的产品)。

在大多数情况下,所有 jquery 和 jquery-UI 都与 google TV chrome 浏览器兼容,除了具有 .buttonset() 调用来设置样式的单选按钮。

虽然它确实显示了风格化的单选(圆角、切换按钮样式、渐变背景等),但事实证明,实际的 HTML 单选(物理点框)浮动到页面的左边距,在 X 访问使用按钮的程式化版本。单击实际的单选按钮实际上将其注册为被单击,单击风格化版本也是如此(我猜这只是将 CSS 加载到相应标签上)。

现在,就像我说的那样,一切都按照预期的方式工作,但是在表单之外有一个随机浮动单选按钮很丑陋并且可能令人困惑。是否有任何解决方法或 CSS hack 来解决此问题?不幸的是,我没有能力为谷歌电视创建一个特定的视图逻辑来为谷歌电视优化它——主要是因为时间和网站没有 MVC 架构,所以拥有多个视图并不是一件容易的事.

女士们先生们,有什么想法吗?

0 投票
2 回答
1046 浏览

javascript - 使用带有 jEditables 的 jQuery UI 按钮

问题是,如何使 jEditable 元素中的按钮成为 jQuery UI 按钮?理想情况下,我想$(':button').button()在加载 jEditable 表单元素后调用。查看代码,4 个未记录的回调函数:onedit, onsubmit, onreset,onerror似乎没有在正确的时间回调。

知道如何实现这一目标吗?

编辑

这是示例代码:http: //jsfiddle.net/EU8ce/1/

我希望可编辑元素中的按钮是 jQuery UI 按钮。

0 投票
3 回答
112 浏览

javascript - 当它应该什么都不做时提交表单的jquery按钮

我遇到了一个 jQuery 按钮的问题,它在 HTML 中<form>,基本上如果验证了某个条件,它必须提交表单,否则它什么也不做,但它仍然提交表单......代码是:

但是如果我添加这样的 else 条件:

按钮而不是提交表单(当它应该什么都不做时),它重新加载页面。我在 Fire Fox 中有这个问题,但在 IE6 中没有....

谢谢丹尼尔

0 投票
2 回答
4064 浏览

jquery - Jquery UI - 对话框关闭,按下哪个按钮

我正在使用 jquery ui 对话框作为提示。“提示”必须有“确定”和“取消”按钮。这里的问题是,它在触发 .dialog("close") 时提取对话框中的输入字段值,我唯一的验证是输入字段的长度必须超过 0 个字符。这意味着即使您键入内容并按取消,提示中的文本也将被提交。我的想法是找出按下了什么按钮...有人知道解决方案吗?

我当前的事件代码:

0 投票
2 回答
1820 浏览

javascript - jQuery UI buttonset 禁用的构造函数选项不起作用

我有一些包含无线电输入的按钮组,并希望它们最初被禁用。

在构造按钮集时传入 disabled 选项不起作用。

但是,调用按钮禁用方法可以。

有谁知道为什么第一段代码不起作用?

0 投票
2 回答
171 浏览

javascript - 如何延迟 .live() 直到 UI 更新?

我正在使用 jQuery 和 jQuery UI,我试图通过添加 jQuery UI 按钮在 false 和 true 之间切换的“aria-pressed”属性来读取复选框状态。

然而,这段代码似乎在 jQuery UI 更新 aria-pressed 之前读取了 aria-pressed。所以我的价值观不可靠。我可以安排它在 UI 更新后执行还是让它等待?

活的例子在这里!

0 投票
1 回答
585 浏览

jquery - jQuery UI 单选按钮 - 每个选择的颜色不同?

我正在使用带有Aristo主题的 jQuery UI 单选按钮,它们非常棒。

问题是,我有两个带有两个选项的单选按钮,“批准”和“拒绝” - 如果选择了批准,我希望按钮为蓝色,这就是目前的情况,这很棒。但是,如果我选择“拒绝”,我希望按钮变为红色(并批准变为灰色,因为它确实如此)

这是我的 HTML:

还有我的 CSS:

CSS 根本不针对标签,我猜是因为它是由 jQuery UI 创建的叠加层,所以很长,但是有没有办法根据选择来改变颜色?

谢谢!

0 投票
2 回答
2348 浏览

javascript - jQuery 按钮集刷新没有像我预期的那样工作

好的 - 我有一个函数,我调用它来根据这个问题动态添加一个单选按钮。这是完整的功能:

因此,如果我要使用以下代码调用上述函数,我希望在已包含在 div '#radioX' 中的单选按钮下方添加另一个单选按钮(假设有一个 id 为 radioX 的 div 包含单选按钮):

鉴于在文档准备就绪时,我告诉 jQuery 从 #radioX 中包含的单选按钮中创建一个按钮集,如下所示:$( "#radioX" ).buttonset();为什么$("#radioX").buttonset("refresh")函数 createNewRadioButton 中的调用不刷新单选按钮列表?

我在调用 createNewRadioButton 后看到的结果是添加了一个带有所需文本的新标签,但没有新的单选按钮。因此,我看到的不是一个漂亮的新 jQuery 单选按钮,而是一个新标签,其文本与 product.Name 等效(在给定的示例中)。

在调用 createNewRadioButton 后,我还注意到 firebug 中的此警告输出 - 这与它有什么关系吗?

编辑

这是我预期会发生的屏幕截图:

这是发生的情况的屏幕截图

0 投票
1 回答
6204 浏览

jquery-ui - Buttonset 不适用于收音机

我有一些单选按钮,即

我的头上也有这段代码

而且我的单选按钮未按预期呈现为按钮。

我错过了什么?

这个 jsfiddle 页面有一个不工作的例子http://jsfiddle.net/jd3Km/1/

在@soderslatt 提出添加资源的建议后,我得到了这个 在此处输入图像描述