草庐IT

UI工具

全部标签

javascript - 从其中的元素关闭 jQuery UI 对话框?

这是一个可能比我想的要简单的问题。我正在使用$.ajax()调用生成的html填充jQueryUI对话框。在某些情况下,html包含一个按钮,单击该按钮后,我想关闭包含的对话框。假设我对使用$("#element").dialog()指定为对话框的元素一无所知...(即我不知道是什么“#element”选择器来自对话框的内部内容)-从对话框内部单击的元素关闭对话框的最佳方法是什么? 最佳答案 使用closest()$(this).closest('.ui-dialog-content').dialog('close');

javascript - jqGrid:如何在搜索工具栏中隐藏特定的搜索字段

我正在使用带有搜索工具栏的jqGrid。现在对于几列我不需要搜索字段,因为我不想让它们可搜索(即一列复选框)。对于这些列,我想隐藏搜索工具栏中的搜索字段。我读过jqGriddocumentationviewable选项可以设置为false。这是我设置viewable选项的部分:colModel:[{name:'checkbox',index:'checkbox',width:'3%',viewable:false},下面是我创建搜索工具栏的方法:jQuery(function(){jQuery("#listTable").jqGrid('filterToolbar',{stringRe

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。

javascript - jQuery UI 对话框 - 无法删除按钮

如何删除jquery对话框中的按钮?例如,我尝试使用正确的新选项重新调用.dialog,但对话框似乎不受影响。$('.selector').dialog('选项','按钮',{});不起作用,如果声明了实际的新按钮字符串和函数,它也不起作用。想法? 最佳答案 您传递的新按钮设置有误。选项应作为对象传递。这会起作用:varoptions={buttons:{}};$(selector).dialog('option',options);无需销毁和创建新对话框。当然,如果您愿意,您也可以用一组新的按钮替换按钮对象:varoptions=

javascript - 带有 jQ​​uery ui 主题的自动样式复选框

(此处为jQuery菜鸟)我正在尝试编写一个脚本,当我编写时会自动将其转换为jQueryUI按钮,看起来像一个复选框。到目前为止的示例代码...varnewCheckboxID=0;$("input:checkbox").attr('id',"cbx-"+nextCheckboxID++);//howtodothat?$("input:checkbox").after("");$("input:checkbox").next().attr("for",$(this).attr('id'));//doesn'tworkforsure$("input:checkbox").button()

javascript - SlickGrid 中的单元格工具提示

我的SlickGrid表中的某些单元格具有myClass类。我像这样为他们添加了一个工具提示:$(".myClass").hover(//Mouseentersfunction(e){...},//Mouseleavesfunction(){...});工作正常,但如果我将表格滚动到底部,然后再将其滚动回顶部,工具提示就不会再出现。有人可以建议任何解决方法吗?谢谢! 最佳答案 grid.onMouseEnter.subscribe(function(e,args){varcell=grid.getCellFromEvent(e)va

javascript - 使用 angular-ui-bootstrap 在 AngularJS 中的路径中打开模式

我正在尝试做基本上在这里回答的事情Unabletoopenbootstrapmodalwindowasaroute但我的解决方案行不通。我得到一个错误Error:[$injector:unpr]Unknownprovider:$modalProviderMyapphastheui.bootstrapmoduleinjected-hereismyapplicationconfigvarapp=angular.module('app',['ui.router','ui.bootstrap','ui.bootstrap.tpls','app.filters','app.services','

javascript - $stateChangeStart 在 UI-Router ES6 中的状态变化时没有被触发?

我正在为ES6和webpack使用Bable。我在angular1.x.x上构建应用程序。到现在为止我没有遇到任何问题。我想要一个可以跟踪所有路线变化的功能。我正在使用UI路由器。问题是$stateChangeStart无论如何都不会被触发。代码如下。/*Allincludesaretakencareof.Pleaselookattherunmethod*/angular.module('chpApp',[uirouter,angular_animate,uibootstrap,formly,formlyBootstrap,ngMessages,angularLoadingBar,'n

javascript - jQuery UI 对话框没有打开第二次

我正在使用jqueryui对于一个对话框。第一次单击“单击模式”链接即可。当按下ESC键时,对话框消失。但是之后的点击不起作用。我希望它们也能正常工作。刷新页面使一切正常。HTML:Clickforamodalthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisisthisi

javascript - 如何在 SVG 中显示文本的工具提示?

当用户将鼠标悬停在SVG中的文本上时,我需要一个工具提示。此外,文本和工具提示内容应该可以使用javascript进行修改。以下内容适用于Firefox,但不适用于Chrome。执行此操作的正确方法是什么?HTML:text1text2Javascript(使用jQuery):$('#text1').attr('title','Tooltip1');$('#text2').attr('title','Tooltip2');我的jsfiddle:http://jsfiddle.net/getvictor/ctaVA/ 最佳答案 标题子