Tag: jquery ui

node.js – DatePicker jquery UI不能正常工作

我试图在我的node.js项目中使用JQuery UI datepicker，它不起作用。 我的layout.ejs和index.ejs文件的简化版本。 layout.ejs $(function() { $( “#datepick” ).datepicker(); }); index.ejs Date:

Jquery图像滑块，不受宽度限制

我在我的应用程序中使用了硬币滑块。但硬币滑块受宽度限制。在我的应用程序中，我将文档拆分为两列。第一列仅包含硬币滑块。第二列包含登录面板.Acording到第二列的宽度，第一列是adjust.I需要以1280*768 768,800 800*600等各种屏幕尺寸运行我的应用程序。在jquery中有没有图像滑块，没有图像宽度限制？请帮帮我。 提前致谢。 jQuery(document).ready(function() { id = ‘#coin-slider1’.replace(/:/g, “\\:”); var sliderWidth=””; jQuery(id).coinslider({width:sliderWidth,height:screen.height/4,delay:500}); })

jQuery可选限制

我试图添加6个可选行的限制，但我无法使其工作。 任何帮助!! $(function() { $(“.selectable”).selectable({ filter: “td.cs”, stop: function() { var result = $(“#select-result”).empty(); var result2 = $(“#result2”); $(“.ui-selected”, this).each(function() { var cabbage = this.id + ‘, ‘; result.append(cabbage); }); var newInputResult = $(‘#select-result’).text(); newInputResult = newInputResult.substring(0, newInputResult.length – 1); result2.val(newInputResult); } }); });​ 提前致谢！！！

ui-slider重叠滑块无法拖动

当使用1.9.2中的默认ui滑块时，当两个把手发生碰撞时会出现小问题，无法拖动右侧车把。 见这里： http ： //jqueryui.com/slider/#range 将两个车把放在一起，然后尝试增加更高的值，而不是工作。 然后我发现这篇文章： https://stackoverflow.com/a/4254932/1905754 这是一个解决方案，但它是1.8.6所以我没有找到要在1.9.2中编辑的代码行。 有没有人知道1.9.2是否有类似的解决方案？ 谢谢。 抱歉英文不正确。

在ng-repeat中的Jquery传递效应

我试图将jquery传输效果添加到循环中的动态图像。 以下是我的代码。 Add function addToCompare(mAction,index) { e = document.getElementById(‘myAngularApp’); scope = angular.element(e).scope(); scope.$apply(function() { scope.addToShortlist(mAction,index); }); if (mAction == “add”) { var thumbnailImg = $(“.item-img-“+index+”-addToCompare”).attr(“src”); $(” + // Add new one ‘.ui-effects-transfer { background: url(‘+thumbnailImg+’) no-repeat; }’ + ”).appendTo(‘head’); $(“.shortListed-Basket”).show(); $(“.item-img-“+index+”-addToCompare”).effect(“transfer”,{ to: $(“.shortListed-Basket”) }, 1000); $(“.hotel-“+index+”-addToCompare”).text(‘Remove’); $(“.item-“+index+”-addToCompare”).attr(“href”,”javascript:addToCompare(‘remove’,'”+index+”‘)”); } else { $(“.shortListed-Basket”).effect(“transfer”,{ to: $(“.item-img-“+index+”-addToCompare”) }, 1000); […]

如何阻止元素堆叠？ jQueryUI的

我在这里有一个例子： http ： //jsfiddle.net/BAk9N/4/ 我试图让它“测试”元素不能拖动其他测试元素和堆栈，并没有找到一个有效的解决方案。 有没有人对如何防止测试元素相互堆叠有任何想法？ 谢谢。

Jqgrid键盘导航问题

以下是jsfiddle的链接。 如果我们删除这里 jQuery(“#grid”).jqGrid(‘sortableRows’); 我们可以使用键盘导航键滚动行。 但我也想要畅通的行。 所以，当我添加这个，我能够排序行，但键baord导航不起作用 Javascript代码 jQuery(“#grid”).jqGrid({ datatype: “local”, sortable: true, height: 250, colNames:[‘Inv No’,’Date’, ‘Client’, ‘Amount’,’Tax’,’Total’,’Notes’], colModel:[ {name:’id’,index:’id’, width:60, sorttype:”int”}, {name:’invdate’,index:’invdate’, width:90, sorttype:”date”}, {name:’name’,index:’name’, width:100}, {name:’amount’,index:’amount’, width:80, align:”right”,sorttype:”float”}, {name:’tax’,index:’tax’, width:80, align:”right”,sorttype:”float”}, {name:’total’,index:’total’, width:80,align:”right”,sorttype:”float”}, {name:’note’,index:’note’, width:150, sortable:false} ], multiselect: false, caption: “Manipulating Array Data” }); var mydata = [ {id:”1″,invdate:”2007-10-01″,name:”test”,note:”note”,amount:”200.00″,tax:”10.00″,total:”210.00″}, {id:”2″,invdate:”2007-10-02″,name:”test2″,note:”note2″,amount:”300.00″,tax:”20.00″,total:”320.00″}, {id:”3″,invdate:”2007-09-01″,name:”test3″,note:”note3″,amount:”400.00″,tax:”30.00″,total:”430.00″}, {id:”4″,invdate:”2007-10-04″,name:”test”,note:”note”,amount:”200.00″,tax:”10.00″,total:”210.00″}, {id:”5″,invdate:”2007-10-05″,name:”test2″,note:”note2″,amount:”300.00″,tax:”20.00″,total:”320.00″}, […]

更改下拉选项动态SELECTED

我有这个下拉 DisabledEnabled 在javascript使用查询或只是简单的JavaScript，我想动态地将选择框的值更改为我的div show的值。 这是我的div节目 启用 所以如果这个div是Enabled我应该在Enabled选项中选择。 所以上面的下降就是 DisabledEnabled 我该怎么办？ 谢谢

jQuery UI对话框（）无法在iPad上打开

我有一个小型的网络应用程序，只不过是几个HTML页面。 我希望在我的应用程序中使用jQuery UI对话框，我在Mac和PC（Sarafi，Chrome，Firefox）上的浏览器中工作，我已部署到android（Xoom 2），但一切都很好，但是对话框不是我在iPad（IPad 2）上测试时被解雇了。 我还注意到，在iPad上查看页面时，不会隐藏包含对话框内容的DIV。 这是我的JS代码…… $(‘#entry_level_phones .boxHolder’).live(“click”, function(){ var clickedItem = $(this).find(“img”)[0].id; console.log(clickedItem); // raise a modal… $(function() { $( “#dialog-modal” ).dialog({ modal: true, draggable:false, height:600, position:”center”, resizable:false, width:1000 }); // more happens here which isn’t important… but there is no conflict or error }); }); 这是相关的DIV …… Hello World 通过发出alert()以查看是否正在引发click事件进行测试时，执行测试警报，因此它不是click事件的问题，它是对话框本身或者没有加载jQuery UI。 我也尝试提出这样的对话，而不是与DIV或事件相关联，但即使这样也行不通 […]

使用jQueryUI Accordionfunction的Scrollspy

所以我已经设法弄清楚如何使用scrolllspy，但是我没有意识到我的目录对于导航来说太长了。 我想知道如何添加手风琴类型的function，以便我的导航栏目录在滚动后传递关联的锚点时会崩溃。 我基本上是在寻找与bootstrap网站相同的function，因为它附带了侧边栏。 我已经看过这个： 使用bootstrap scrollspy作为崩溃的div，到一个附加的侧边栏但是我不确定这是否与我正在寻找的东西相同。 我也考虑过使用Greg Franko编写的TOCIFY插件，但我不确定如何实现它。 我一直在阅读TOCIFY文档，但我不确定它是什么我必须改变。 目前我的scrollspyfunction正在使用此设置： Executive Summary Defining Mental Health Review Process Findings and Recommendations Acknowledgement Preamble Section One: Our Context Mount Royal University: A World of Difference Mount Royal’s Vision Mount Royal’s Mission Mount Royal’s Guiding Principles Health and Safety at Mount Royal University Student Services Plan Rationale for […]