Tag: jquery ui

动态更改jQueryUI对话框按钮

试图动态更改多个jQuery UI对话框()按钮。 下面代码的问题是在对话框的第一个实例中只显示一个按钮()。 应显示两个按钮。 jsFiddle这里 : $(function(){ var dlg = $(‘#message’); dlg.dialog({ autoOpen:false, modal:true, width: 500, close: function() { if (seen==0 && ans > 0) { cnt++; seen++; dlg.html(‘Here is a second message’); dlg.dialog( ‘option’, ‘buttons’, [{ text: ‘OK’, click: function() { $(this).dialog(‘close’); } }] ); dlg.dialog(‘open’); } } }); $(‘#myDiv’).hover( function() { //Hover-in if […]

使用Coded UI测试项目不会触发Jquery AJAX成功

我试图在asp.net MVC4应用程序上运行Coded-UI测试项目。 该应用程序包含涉及的各种ajax调用。 当我手动测试它,它工作正常,但当我使用编码ui测试项目测试它时,它会中断,因为在ajax调用中,回调函数不会被调用。 谁能告诉我在这里我缺少什么? 提前致谢。

如何在不同选项卡之间拖放多个元素

我试图在不同的选项卡之间拖放多个元素。 在这个jsfiddle中 ,当一个项目被拖动时,我想拖动所有其他选中的项目,就像Gmail将多个电子邮件从inbox移动到另一个文件夹时一样。 我认为有必要使用ui.helper但我没有足够的查询技巧。 以下是我目前正在使用的代码: $( “#sortable1, #sortable2” ).sortable().disableSelection(); var $tabs = $( “#tabs” ).tabs(); var $tab_items = $( “ul:first li”, $tabs ).droppable({ accept: “.connectedSortable li”, hoverClass: “ui-state-hover”, drop: function( event, ui ) { var $item = $( this ); var $list = $( $item.find( “a” ).attr( “href” ) ) .find( “.connectedSortable” ); ui.draggable.hide( “slow”, […]

如何在不实际拖放的情况下使用jQuery UI Droppable触发Drop事件?

我有一个带有drop事件处理程序的droppable : $(this).droppable({ drop:function(){ console.log(‘OMG You Dropped It!’); } }); 我有一个拖车 : $(this).draggable(); 我想要做的是触发droppable上的drop事件处理程序而不实际拖放draggable 。 我想在不实际执行行为的情况下模拟实际行为。 我认为这样的事情会做: $(droppable).trigger(‘drop’, [draggable]); 不幸的是,它并不那么简单。 有谁知道我怎么能做到这一点?

jquery手风琴在asp.Net回发后没有重新启动

我正在制作一个jquery手风琴: $(document).ready(function(){ $(‘#accordion’).accordion(); }); 问题是这是一个.asp.NET应用程序,如果页面触发回发就会破坏手风琴。 如何在回发后重新启动手风琴? 对不起,我不是asp.NET的专家,也很抱歉我不能给你一个示例的链接,这是因为它是一个受密码保护的应用程序。 谢谢。

jQueryUI自动填充 – 如何将搜索词与关键字列表匹配并显示匹配的结果?

我正在尝试使用jQueryUI自动完成function为我的网站中的各种function页面实现网站快速搜索function。 我想你可以说它就像谷歌即时搜索,但它是我网站上的索引页面。 因此,当他们搜索“创建”时,将显示“创建用户”选项和“创建组织”选项。 当他们搜索“创建使用”时,它只会显示“创建用户”选项。 然后他们可以点击结果,它将加载该页面。 这些只是一些链接。 但正如您所看到的,每个页面都会有一些不同的关键字/同义词,它们都指向同一页面。 好的,所以checkSearchWordsMatchKeywords函数最后确实有效,因为我已经测试过了。 什么是行不通的是我不知道我应该从jQueryUI search:function返回什么。 此外,如果您知道如何优化checkSearchWordsMatchKeywords()函数,那么我全都听见了。 🙂 编辑:使用下面的工作解决方案更新(适用于jQueryUI 1.9.x): var links = [ { keywords: [‘create’, ‘add’, ‘make’, ‘insert’, ‘user’], label: “Create user”, desc: “Create a user in the system”, url: ‘http://mysite.com/user/create/’ }, { keywords: [‘create’, ‘add’, ‘make’, ‘insert’, ‘organisation’], label: “Create organisation”, desc: “Create an organisation in the system”, […]

jQuery可放置和可滚动的div

我对jQuery UI的可放置组件有一点问题,但由于我的代码或组件中的错误,我不确定是否有这个问题。 我有一个固定宽度和高度的div。 该div的overflow-x设置为hidden,overflow-y设置为auto。 在那个div中,我有更多的div。 很多外部div开始滚动。 每个内部div都是一个droppable,接受一个在包装div之外的draggable。 如果我将可拖动项目拖放到包装器中的某个位置,一切正常。 问题是,如果我将元素放在包装器div的下方,甚至会触发drop事件。 我不太擅长解释这个问题; 因此,这里有一些代码可以重现问题: http://jsfiddle.net/2p56Y/ 只需拖放“拖动我!”即可。 使用滚动条在div下面的容器。 出乎意料的是,你会看到警报“掉线”。 现在有趣的事情:如果向下滚动到项目“Test28”,现在拖放包装器下方的拖动,则不会触发拖放事件。 看起来隐藏的元素在您放置它们时仍然可以访问。 那么,这是一个错误还是我需要以不同的方式编写代码以使其工作? (或两者? :-) )

使用jQuery UI的可拖动按钮

我可以轻松地使 元素可拖动,但不能使元素。 如何使拖动? $(init); function init() { $(‘#makeMeDraggable1’).draggable(); $(‘#makeMeDraggable2’).draggable(); } Drag me! Drag me! 查看JSFiddle

从JSON创建菜单

我正在尝试使用jQuery UI创建动态菜单。 我将从JSON文件中获取条目并创建我的菜单项。在我尝试更大规模之前,我决定做一个小型演示。这是我的小提琴,它的工作方式我希望它工作。 现在我无法使用JSON文件。 工作时尚 这是JSON var JSON = { menu: [ {name: ‘Croatia’, link: ‘0’, sub: null}, {name: ‘England’, link: ‘1’, sub: [ {name: ‘Arsenal’,link: ‘0-0’, sub: null}, {name: ‘Liverpool’,link: ‘0-1’, sub: null}, {name: ‘Manchester United’,link: ‘0-2’, sub: null} ] }, {name: ‘Spain’, link: ‘2’, sub: [ {name: ‘Barcelona’,link: ‘2-0’, sub: null}, {name: ‘Real […]

如何排除元素在可排序列表中被拖动?

如何从可排序列表中排除元素? 例如,有一个类名为’note’的元素,我不想被拖动 ? Item 3 Item 4 Item 5 This is a note only jquery ui sortable,jquery显然不起作用… $(function() { $( “.sortable:not(.note)” ).sortable( }).disableSelection(); });