草庐IT

ui_main_window

全部标签

javascript - 如何应用 jQuery UI 主题?

这是一个总计n00b的问题。我正在尝试使用JQueryUI,但JQueryCSS似乎对我的HTML文件没有任何影响。以下是我采取的步骤:1)选择一个主题并包含一个链接(我尝试了远程和本地)2)为按钮设置一个类以使用主题:helloworld此时我认为这就是它所需要的全部。我通读了一些教程,他们都认为所有主题都是开箱即用的,主要集中在调整它们上。入门的最低要求是什么?最终的HTML文档:jQuerydemoa.test{font-weight:bold;}jQueryhelloworld$(document).ready(function(){}); 最佳答案

javascript - jQuery UI 多对话框内容跳到顶部

如果您在一个页面上打开了多个jQueryUI对话框,其中的内容足以强制滚动条,则在对话框之间单击会导致事件对话框的内容滚动到顶部。您可以查看此JSFiddle示例(一个框在另一个框后面):http://jsfiddle.net/kRAd4/如果将它们都向下滚动一点,然后从一个框单击到另一个框,您就会看到它发生了。有什么办法可以阻止这种情况吗?这是JSFiddle网站上使用的代码,很简单:HTML:HereIsALotOfTextHereIsALotOfTextHereIsALotOfTextHereIsALotOfTextHereIsALotOfTextHereIsALotOfText

javascript - 如何使用 jQuery UI 工具提示在打开时更改工具提示颜色?

我正在努力实现以下目标,但不知道如何实现。我在一个页面上有几个工具提示,但我希望每个工具提示看起来都不同(例如,取决于严重程度)。这是我目前所拥有的:Tooltip1(Warning)Tooltip2(Danger)//inittooltipArrowToolTip.init('container');/*JAVASCRIPT*/varArrowToolTip={init:function(parentId){jQuery('#'+parentId).tooltip({content:function(){varelement=jQuery(this);returnelement.at

javascript - Datatables 高级过滤器菜单,如 Excel 或 Kendo UI Grid?

我很惊讶没有在DataTables中找到类似过滤的Excel(因为它是如此广泛使用和先进的插件)。这是否存在,或者是否有一种简单的方法来实现它?下面是高级菜单过滤器(如Excel)的示例。谢谢!剑道用户界面:http://demos.telerik.com/kendo-ui/grid/filter-menu-customizationhttp://dev.sencha.com/deploy/ext-4.0.0/examples/grid-filtering/grid-filter-local.html 最佳答案 YetAnother

javascript - window.pageYOffset 始终为 0,溢出 x : hidden

我正在创建一个网页,其中包含一些只需要在特定时间滑入的屏幕外内容。为此,我在html,body上设置了overflow-x:hidden。这样用户就无法向左或向右滚动以获取内容。但是,在应用程序的某个时刻,我还需要用户向下滚动的数量。据我所知,window.pageYOffset是最可靠的方法之一。但是,当我设置overflow-x规则时。window.pageYOffset始终等于0。这些事情不应该彼此毫无关联吗?我怎样才能解决这个问题?我已经在Safari、Firefox和Chrome上测试过了。我试过document.documentElement.scrollTop但这只适用于

javascript - jQuery UI Datepicker 显示不正确的周数

当使用jQueryUI日期选择器并从周日开始一周时,周数不正确。例如,2016年1月3日应该是第1周,因为所有日期(3日到9日)都在同一年。但正如您在下面的屏幕截图中所见,UI显示为第53周。这是呈现日期选择器的代码:$("#datepicker").datepicker({showWeek:true,firstDay:0});所以没有什么特别的,除了显示周数和从星期日而不是星期一开始一周(默认情况下)。这是问题的一个fiddle:https://jsfiddle.net/vLqabmmz/ 最佳答案 因为这看起来像是jQueryU

javascript - 带有 Jquery-ui slider 的 Angular2

我尝试将Jquery-uislider与angular2一起使用。我想让变量“slideValue”显示slider的值,但我不知道如何将我的模型或变量从Angular绑定(bind)到slider。这是我的slider组件:import{Component,ElementRef,Inject,OnInit}from'angular2/core';declarevarjQuery:any;@Component({selector:'slider',template:`slideValue={{slideValue}}`})exportclassSliderimplementsOnIni

javascript - Gulp 在 Windows 上运行失败 |错误消息 : Microsoft JScript compilation error, 无效字符

我在我的Windows7本地机器上安装了Node.js如下链接所示:install-node-js-npm-windows之后我通过命令行通过这个命令安装了Gulp.js:npminstall-ggulp然后我将此路径添加到环境变量区域:C:\Users\Majid\AppData\Roaming\npm\node_modules\gulp\bin现在,当我尝试通过此命令运行gulp时:gulp我得到了这个错误:WindowsScriptHostLine:1Char:1Error:InvalidcharacterCode:800A03F6Source:MicrosoftJScriptc

javascript - window.location.href 和 location.reload() 不从服务器加载更新的页面

我有一个表单正在通过AJAX调用进行更新。Ajax调用成功后,我想重新加载同一页面以反射(reflect)新的更改。在AJAX调用成功后,我使用了location.reload()和window.location.href,在浏览器上执行了正确的RELOAD,但表单显示旧的数据,不是新的。如果我使用浏览器的重新加载按钮重新加载页面,则会显示新更新的数据。但是如何使用jQuery正确地重新加载页面? 最佳答案 reload(forcedReload)方法接受一个bool标志,当它为真时,会导致页面始终从服务器重新加载。如果为false

javascript - JQuery UI 可拖动 : Exceed containment on one side

我正在使用JQueryUI来实现可调整大小/可拖动的元素。现在我想为这些元素定义一个容器,以限制在三个(!)边上的调整大小/拖动。例如。看看这个JSFiddleexample.您可以看到包含的元素只能在父区域内调整大小/拖动。我想实现的是元素可以超出底部阈值并移动到父元素的底部边框之外。尽管如此,调整大小/拖动仍应限制在顶部、右侧和左侧,如父级相应边框所规定的那样。所以thismodification是我想出的://resizable/draggableoptionresize/drag:function(event,ui){expandParent("#parentElement",