Tag: jquery ui
获取激活的选项卡（div）的ID
我正在使用jQuery 1.9和jQuery UI 1.10 我希望能够在点击标签时获得标签ID。 例如，如果我点击名为“第二”的标签，我想获得“标签-2”的回应。 到目前为止，我已经完成了下面的代码： <script type="text/javascript"> $(function () { $("#tabs").tabs({ beforeActivate: function (event, ui) { alert(/* the id of the tab (div) being activated */); } }); }); </script> <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> </ul> <div id="tabs-1"> <p>abcde</p> </div> <div id="tabs-2"> <p>fghi</p> </div> </div>
jquery ui获取可丢弃元素的ID，当丢弃一个项目
我们如何得到droppable元素的id，当放下一个项目？ 在这里我使用jQuery UI和asp.net mvc。 <table id="droppable"> <tr> <td style="width:300px;height:50px">Backlog</td> <td style="width:300px;height:50px">Ready</td> <td style="width:300px;height:50px">Working</td> <td style="width:300px;height:50px">Complete</td> <td style="width:300px;height:50px">Archive</td> </tr> <tr id="cart"> <td id="BackLog" class="drag" style="width:120px;height:50px;"> <img class="draggable" id="1234" src="../../Content/themes/basehttp://img.dovov.comui-icons_222222_256x240.png" /> </td> <td id="Ready" class="drag" style="width:140px;height:50px"> </td> <td id="Working" class="drag" style="width:140px;height:50px"> </td> <td id="Complete" class="drag" style="width:140px;height:50px"> </td> <td id="Archive" class="drag" style="width:140px;height:50px"> </td> </tr> } </table> 在这里，我想要将图像移动到其他列，并获得该列的ID。 对于拖放我使用脚本 […]
Jquery UI选项卡。 如何select一个基于它的ID而不是基于索引的选项卡
嗨，我有两个选项卡，并configuration了使用JQuery UI。 ul class="tabs" li tabone li tabtwo ul dynamic从后面的C＃代码我将隐藏或select一些选项卡让说tabtwo和另一个选项卡必须隐藏或不显示。 我可以在Java脚本中使用.tabs({selected:1});来做到这一点.tabs({selected:1}); 和.tabs(disable:0). 但我不想使用选项卡索引来这样做。 是否有任何替代select标签基于他们的名字/ ID？
jQuery Ui对话框button，如何添加类？
我在另一个线程上find了这个答案.. 如何在Jquery UI对话框中添加多个button？ 使用这个语法，你如何添加类到一个特定的button？ $("#mydialog").dialog({ buttons: { 'Confirm': function() { //do something $(this).dialog('close'); }, 'Cancel': function() { $(this).dialog('close'); } } });
在Chrome和Safari中使用jQuery UI对话框的滚动条问题
我正在使用modal=true的jQuery UI对话框。 在Chrome和Safari中，通过滚动条和光标键禁用滚动（使用鼠标滚轮滚动，页面向上/向下滚动仍然有效）。 如果对话框太高而无法放在一个页面上，这是一个问题 – 笔记本电脑上的用户会感到沮丧。 有人在三个月前提出了jQuery bug跟踪器 – http://dev.jqueryui.com/ticket/4671 – 看起来好像修复它是优先级。 🙂 那么有人： 有这个问题的解决办法吗？ 有一个build议的解决方法，会给一个体面的可用性经验？ 我正在试验mouseover / scrollto在窗体的位，但它不是一个很好的解决scheme:( 编辑：道具罗恩Beentje（谁不是在这个afaict）find一个解决scheme。 jQuery UI通过捕获mouseup / mousedown事件来防止滚动。 所以下面的代码似乎解决了这个问题： $("dialogId").dialog({ open: function(event, ui) { window.setTimeout(function() { jQuery(document).unbind('mousedown.dialog-overlay') .unbind('mouseup.dialog-overlay'); }, 100); }, modal: true }); 使用自己的风险，我不知道什么其他解除这种东西可能允许的非模态行为。
设置JQuery UI模式对话框覆盖背景颜色
当我加载对话框的背景变得有点灰色。 我想使它更黑暗，但我找不到一个负责任的财产。 我怎样才能做到这一点？
如何将自定义图标添加到标准的jQuery UI主题？
使用标准图标集中的一个图标很容易： $("#myButton").button({icons: {primary: "ui-icon-locked"}}); 但是如果我想添加一个不属于框架图标集的我自己的图标呢？ 我认为这将是一个简单的背景图像给你自己的CSS类，但这是行不通的： .fw-button-edit { background-image: url(edit.png); } 有什么build议么？
jQuery的UI事件和UI对象的属性
在交互的jQuery UI框架中，你可以做自定义函数，它们有两个参数'event'和'ui'。 我知道它必须是显而易见的，但我不能找出哪些方法和属性可用这两个参数。 有人知道在这些参数上有哪些方法和属性可用，或者我可以在哪里find它们？
如何更改JQuery UI滑块句柄
我想修改股票的JQuery UI滑块，以便手柄上有一个箭头，而不是一个正方形。 即我想使用自定义图像作为句柄。 有几个教程可以做到这一点： http://jqueryfordesigners.com/slider-gallery/ http://www.ryancoughlin.com/2008/11/04/using-the-jquery-ui-slider/ http://www.keepthewebweird.com/creating-a-nice-slider-with-jquery-ui/ 但是我无法让它工作。 以下代码导致一个固定的手柄图像： <!DOCTYPE html> <html> <head> <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script> <style type="text/css"> #myhandle {position: absolute;z-index: 100;height: 25px;width: 35px;top: auto;background: url(http://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat;} </style> <script type="text/javascript"> $(document).ready(function(){ $("#slider").slider({handle: '#myhandle'}); }); </script> </head> <body> <div id="slider"><div id="myhandle"></div></div> </body> </html> 就好像JQuery没有拿起我想使用myhandle id来处理句柄。 […]
始终可见的jQuery UI DatePicker
我如何使用jQuery UI来显示一个总是可见的dateselect器小部件？
