Questions tagged «jquery-ui»

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互,效果,小部件和主题。


16
找出JQuery是否选中了单选按钮?
我可以将单选按钮设置为选中状态,但是我想做的是设置一种“侦听器”,当选中某个单选按钮时会激活它。 以下面的代码为例: $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 它添加了一个选中的属性,一切都很好,但是我将如何添加警报。例如,在没有单击功能的情况下选中单选按钮时,会弹出该窗口吗?

21
如何在jQuery中更改按钮的文本?
如何更改jQuery中按钮的文本值?当前,我的按钮的文本值为“添加”,单击后希望将其更改为“保存”。我在下面尝试过此方法,但到目前为止没有成功: $("#btnAddProfile").attr('value', 'Save');
547 jquery  jquery-ui 

28
jQuery UI DatePicker-更改日期格式
我正在使用jQuery UI的UI DatePicker作为独立的选择器。我有以下代码: <div id="datepicker"></div> 和下面的JS: $('#datepicker').datepicker(); 当我尝试使用以下代码返回值时: var date = $('#datepicker').datepicker('getDate'); 我返回了: Tue Aug 25 2009 00:00:00 GMT+0100 (BST) 这是完全错误的格式。有没有办法让我以格式返回它DD-MM-YYYY?

8
我可以使<button>不提交表单吗?
我有一个表格,有两个按钮 &lt;a href="index.html"&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt; &lt;button type="submit"&gt;Submit&lt;/button&gt; 我也使用jQuery UI的按钮,就像这样 $('button').button(); 但是,第一个按钮也会提交表单。我本以为如果没有type="submit",它就不会。 显然我可以做到这一点 $('button[type!=submit]').click(function(event) { event.stopPropagation(); }); 但是有没有办法可以在没有JavaScript干预的情况下阻止后退按钮提交表单? 老实说,我只使用了一个按钮,因此可以使用jQuery UI设置样式。我尝试调用button()该链接,但未如预期的那样工作(看起来非常难看!)。

10
如何在变更事件中使用广播?
我在更改事件上有两个单选按钮我想要更改按钮怎么可能?我的密码 &lt;input type="radio" name="bedStatus" id="allot" checked="checked" value="allot"&gt;Allot &lt;input type="radio" name="bedStatus" id="transfer" value="transfer"&gt;Transfer 脚本 &lt;script&gt; $(document).ready(function () { $('input:radio[name=bedStatus]:checked').change(function () { if ($("input[name='bedStatus']:checked").val() == 'allot') { alert("Allot Thai Gayo Bhai"); } if ($("input[name='bedStatus']:checked").val() == 'transfer') { alert("Transfer Thai Gayo"); } }); }); &lt;/script&gt;
486 jquery  jquery-ui 

6
从Google的CDN下载jQuery UI CSS
我打算使用Google下载UI和Core的jQuery库。我的问题是,他们允许我为此下载CSS还是应该自己托管它? 另外,如果我使用Google加载,应该如何加载其他插件?我可以将所有插件压缩在一起吗,还是应该将其单独压缩?



6
jQuery UI:Datepicker将年份范围下拉列表设置为100年
默认情况下,使用Datepicker的年份下拉列表仅显示10年。用户必须单击上一年才能获得更多的年份。 我们如何将初始范围设置为100年,以便用户默认情况下会看到一个大列表? function InitDatePickers() { $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, maxDate: '@maxDate', minDate: '@minDate' }); }

17
带ASP.NET按钮回发的jQuery UI对话框
我的jQuery UI对话框在我的ASP.NET页上运行良好: jQuery(function() { jQuery("#dialog").dialog({ draggable: true, resizable: true, show: 'Transfer', hide: 'Transfer', width: 320, autoOpen: false, minHeight: 10, minwidth: 10 }); }); jQuery(document).ready(function() { jQuery("#button_id").click(function(e) { jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]); jQuery('#dialog').dialog('open'); }); }); 我的div: &lt;div id="dialog" style="text-align: left;display: none;"&gt; &lt;asp:Button ID="btnButton" runat="server" Text="Button" onclick="btnButton_Click" /&gt; …

16
MVC4 StyleBundle无法解析图像
我的问题与此类似: ASP.NET MVC 4缩小和背景图片 除非我愿意,否则我会坚持使用MVC的捆绑软件。我脑部崩溃,试图弄清楚指定样式束(例如独立的CSS和jQuery UI等图像集)的正确模式是什么。 我有一个典型的MVC站点结构,/Content/css/其中包含我的基本CSS,例如styles.css。在该css文件夹中,我还有子文件夹,例如/jquery-ui包含其CSS文件和一个/images文件夹的子文件夹。jQuery UI CSS中的图像路径是相对于该文件夹的,我不想弄乱它们。 据我了解,当我指定a时,StyleBundle我需要指定一个虚拟路径,该路径也与真实内容路径不匹配,因为(假设我忽略了通往Content的路由)IIS将尝试将该路径解析为物理文件。所以我指定: bundles.Add(new StyleBundle("~/Content/styles/jquery-ui") .Include("~/Content/css/jquery-ui/*.css")); 使用以下方式呈现: @Styles.Render("~/Content/styles/jquery-ui") 我可以看到请求发送到: http://localhost/MySite/Content/styles/jquery-ui?v=nL_6HPFtzoqrts9nwrtjq0VQFYnhMjY5EopXsK8cxmg1 这将返回正确的,缩小的CSS响应。但是随后浏览器发送一个请求,要求一个相对链接的图像,如下所示: http://localhost/MySite/Content/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.png 这是一个404。 我知道我URL的最后一部分jquery-ui是无扩展名URL,这是我的包的处理程序,因此我可以看到为什么对图像的相对请求很简单/styles/images/。 所以我的问题是处理这种情况的正确方法是什么?

11
jQuery事件:检测对div的html / text的更改
我有一个div,其内容一直在变化ajax requests,例如jquery functions,blur等等。 有什么方法可以随时检测div上的任何更改吗? 我不想使用任何间隔或检查的默认值。 这样的事情会做 $('mydiv').contentchanged() { alert('changed') }
265 jquery  jquery-ui 


30
如何通过功能禁用jQuery对话框中的按钮?
我有一个jQuery对话框,要求用户输入某些信息。在这种形式下,我有一个“继续”按钮。我希望仅在所有字段都包含内容后才启用“继续”按钮,否则它将保持禁用状态。 我编写了一个函数,每次字段状态更改时都会调用它。但是,我不知道如何从此功能启用和禁用对话框按钮。我该怎么办? 糟糕,我忘了提到这些按钮的创建过程如下: $(function() { $("#dialog").dialog({ bgiframe: true, height: 'auto', width: 700, show: 'clip', hide: 'clip', modal: true, buttons: { 'Add to request list': function() { $(this).dialog('close'); $('form').submit(); }, 'Cancel': function() { $(this).dialog('close'); } } }) });
237 jquery  jquery-ui 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.