Tag: jquery ui

jQuery UI ThemeRoller – 安装主题

我正在尝试首次使用ThemeRoller主题安装jQuery UI。 我已经下载了jquery 1.4.2 …我已经下载了几个主题的jQuery UI。 我试图按照说明操作,但它们看似矛盾,似乎与下载的文件无关。 当我尝试使用datepicker时… datepickerfunction有效,但它具有默认(灰色)样式。 此页面指的是不存在的文件夹/子文件夹/ css文件。 此页面引用不存在的ui.theme.css文件。 我收到的下载包括以下内容: –development-bundle —demos —-docs —-external —-themes ——base ——Redmond —-ui ——i8n ——minified –js 那么你把它放在哪里? 我已将js复制到相应的目录并将其链接到我的页面。 我也复制了themes / base文件夹,并链接到jquery.ui.all.css文件中。 即使是包含的演示也只显示默认(灰色)样式。 我哪里错了? 编辑: 对不起,我实际上是先尝试过Redmond,但是当它不起作用时,我尝试了Smoothness(随机选择 – 并没有意识到它是灰色的)。 我得到了相同的结果 – 灰色。 [还纠正了上面的文件夹结构] 编辑2: 嗯,我已经弄明白了….最初的Smoothness或Redmond下载都没有CSS文件夹(从我上面描述的结构可以看出)。 这两个主题都在几分钟之内下载并具有不同的文件大小)。 我刚刚尝试下载Cupertino,它有一个CSS文件夹 – 当我将它复制到我的应用程序时,我得到了合适的样式。 所以我再次尝试下载Redmond,并且看到 – 它现在还有一个CSS文件夹…我想知道我是否可能两次下载相同的主题,但它们有不同的时间戳和不同的文件大小…我很困惑。 也许jQuery服务器只是一个大脑放屁! 今天的金星因为把我带到了jquery-ui-1.8.custom.css的踪迹而走向了昵称,这最终导致了我的顿悟! 编辑3: 我刚刚开始下载Start和Humanity – 两个zip文件都没有CSS文件夹! 进一步挖掘,似乎我可能不会疯狂 […]

从jQuery UI Slider获取值

我有一个jQuery UI滑块,它是评级系统的一部分。 滑动到值1 – 5以便将其评级为1到5.当滑块首次出现时,我将其默认为3。 它所属的表单有一个隐藏的输入,其值应该是滑块的值,但事实并非如此。 这是jQuery: $( “#ratingSlider” ).slider({ range: “min”, value: 3, min: 1, max: 5, slide: function( event, ui ) { $( “#ratingResult” ).val( ui.value ); } }); $( “#ratingResult” ).val( $( “#ratingSlider” ).slider( “value” ) ); $(“#ratingSlider”).change(function(){ $( “#rateToPost” ).attr(‘value’, $( “#ratingSlider” ).slider( “value” ) ); }); 我尝试将#rateToPost的.val()设置为滑块的.val(),但它总是只给它3(默认值)。 如何让它正确传递值? 此外,我希望每当滑块移动时,页面上的值都会自动刷新(现在它使用文本框显示但我真的不想使用文本框),我该怎么办呢?

使用AJAX和CakePHP保存数据

我今天花了很多时间研究如何使用cakephp中的ajax请求保存数据,现在已经到了哪里,cakephp网站上的文档似乎有点缺乏这个特定主题。 我有几个可排序列表,我需要在排序时保存每个列表项的位置。 我有一个如下设置的ajax请求,当项目被移动时触发: $.ajax({ url: “/orders/save_column_order”, type:”POST”, data:”data=”+data }); 并且控制器中引用的函数是: function save_column_order(){ if($this->RequestHandler->isAjax()){ SAVE STUFF… } } 我有帮助等设置: var $helpers = array(‘Html’,’Form’,’Js’); var $components = array(‘Session’,’Email’,’RequestHandler’); 它不起作用…… 所以我的问题是: 1)将ajax请求发送到控制器中的动作的当前URL是什么? 它只是/控制器/行动? 2)我还需要做什么才能让控制器访问ajax数据? 奖金: 3)有没有办法在CakePHP框架中包含一个引用数据库设置的自定义php文件,以便我可以手动更新我的mysql数据库?

.Dyp标签上的.keypress?

有没有办法在像这样的div元素上工作.keypress?:

Ember.js可拖动和可放置的jqueryUI / native拖放mixin

我需要创建具有拖放和排序function的项目。 因此可以将项目拖动到另一个项目中。 我已经看到了一些通过mixin进行拖动的解决方案,并使用这个mixin创建一个可拖动的视图,然后通过droppable mixin从droppable创建另一个视图。 但我需要每个项目/视图都具有可拖动,可放置和可排序的function。 请任何人告诉我通过mixins或子类化或…的最佳方法吗? 我也可以创建一个jqueryUi mixin作为基础mixin,然后在创建可拖动,可放置和可排序的mixins时使用mixin? 这可能吗 ? 是最好使用jqueryUI或html5拖放api或其他东西? 谢谢Rick的帮助

匹配jQuery和jQuery-UI版本

据我所知,jQuery和jQuery-UI版本并不完美匹配。 例如,jQuery的当前“安全”版本是1.11.2,当前“安全”jQueryUI是1.10.4 有时客户端要求继续使用特定版本的jQuery,例如1.8.3。 我想使用jQuery-UI的“最新”版本,它将与特定版本的jQuery核心一起使用。 是否有某个文档可以映射最新版本的jQuery-UI,它将与给定版本的jQuery核心一起使用?

通过动画缓慢地从位置A移动到位置B.

我有一个使用fadein的简单jQuery动画,它可以工作,但一旦淡入…我希望使用TOP属性向上移动30像素,但慢慢地。 这是我到目前为止: $(‘#Friends’).fadeIn(“slow”); 我有jQuery和jQuery UI加载…

jQuery新手:jQuery(function($){…})是什么意思?

我知道在jQuery中, $(callback)与jQuery(callback)相同,它与$(document).ready()具有相同的效果。 怎么样 jQuery(function($) { }); 有人可以向我解释一下这种function是什么意思吗? 它有什么作用? 这个和$(callback)什么区别? 这个和$(function())什么区别?

jQuery UI:从原始div拖动并克隆,但保留克隆

我有一个div,它应用了jQuery UI Draggable。 我想要做的是点击并拖动它,并创建一个保存在dom中的克隆,并在删除时不删除。 想想一副牌,我的盒子元素就是牌组,我想从牌组中拉出牌/ div并将它们放在我的页面周围,但它们将是原始div的克隆。 我只是想确保你不能创建一个克隆div的另一个克隆。 我使用了以下,但没有像我想的那样工作: $(“.box”).draggable({ axis: ‘y’, containment: ‘html’, start: function(event, ui) { $(this).clone().appendTo(‘body’); } }); 我想出了我的解决方案: $(“.box-clone”).live(‘mouseover’, function() { $(this).draggable({ axis: ‘y’, containment: ‘html’ }); }); $(“.box”).draggable({ axis: ‘y’, containment: ‘html’, helper: ‘clone’ stop: function(event, ui) { $(ui.helper).clone(true).removeClass(‘box ui-draggable ui-draggable-dragging’).addClass(‘box-clone’).appendTo(‘body’); } });

jQuery和AngularJS没有合作

我正在使用RequireJS和Angular,但他们在我的设置中没有合作。 当jQuery版本是1.7.2时,事情很好。 但是我想使用jQuery 1.8.1和jQuery UI和角度应用甚至无法用这个初始化我的主模块。 这是问题所在: 区分大小写的变量:jQuery和jquery。 在jquery 1.8.1源代码中,最后他们定义了window.jQuery。 在早期版本1.7.2中定义了window.jquery。 因为我想在我的应用程序中使用jQuery UI包含文件jquery-ui-1.8.23.custom.min.js。 包含它之后我得到了“jQuery”未定义的错误。 所以,我决定升级我的jQuery版本并下载了所说的1.8.1版本。 接近jQuery源代码的末尾,我可以看到这个版本定义了window.jQuery(jQuery UI需要的正确案例)。 我用James Burke github项目更新了我的require-jquery JS和最新版本,并用jquery 1.8.1更新了它。 但是包括更新的jQuery / RequireJS项目,angularjs已停止工作。 我在Chrome控制台中收到此错误: 如果我恢复到1.7.2角度工程。 或者,如果我编辑jQuery文件来定义window.jquery而不是window.jQuery(注意案例)它再次起作用。 但这意味着jQuery UI不会。