草庐IT

view-ui-plus

全部标签

javascript - 使用ui路由器在AngularJS中的浏览器后退/前进按钮上重新加载页面

我的angularjs应用程序中有以下ui路由器状态配置。$locationProvider.html5Mode(true);$stateProvider.state('index',{url:'/index?zoom¢er',views:{'map':{controller:'MapCtrl',templateUrl:'map.html'}},reloadOnSearch:false});但是,浏览器中的后退前进按钮转到不同的url,但我需要使用url作为stateParams重新加载页面。例如:用户1转到页面http://www.example.com/index?zoom

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

当一个面板打开时,我需要让它滚动回到刚刚点击的面板的“.panel-title”。我知道我可以创建一个指令来执行此操作,例如(从thissite获得):.directive('scrollTop',scrollTop);functionscrollTop(){return{restrict:'A',link:link};}functionlink($scope,element){$scope.collapsing=false;$scope.$watch(function(){return$(element).find('.panel-collapse').hasClass('colla

javascript - jQuery UI Datepicker 和 datejs

我想要一个日期选择器,您基本上也可以在其中输入我想要将jQueryUIDatepicker和datejs合二为一。我想输入“明天”,我希望它选择正确的一天。我希望能够输入“星期六”,它实际上会得到正确的日期。 最佳答案 如果您有创建jQuery插件的经验,那么这项工作并不太难。使用创建UI日期选择器所需的代码和对keyup/blur/您认为必要的任何事件进行值测试(使用date.js)包装目标输入。您需要确保在值更改时在日期选择器实例上设置日期(调用datepicker("setDate",date))我在工作中做过类似的事情;如果

javascript - Ember.js - 渲染模态视图,URL 和父 View 仍然显示

在我的Ember.js应用程序中,我有一个包含各种帖子列表的索引View。我正在尝试实现点击帖子时发生的“显示”操作。它应该做的是显示一个模式更详细的帖子版本。帖子的每个模态视图也应该有自己的URL。此外,列出帖子的索引View仍应显示在帖子模态后面。最后,当帖子模式关闭时,URL应该变回索引URL到目前为止,我的路线是这样的:App.Router.reopenlocation:'history'rootURL:'/'App.Router.map->@resource'posts',->@route'show',path:'/:post_id'App.PostsShowRoute=Em

javascript - Angular ui-router在滚动时改变状态

这是一个示例布局。假设部分高度大于或等于用户的视口(viewport)。+----------+|Section1|+----------+|Section2|+----------+|Section3|+----------+所有这些部分都放在一个View中。我想在用户滚动页面并到达其中一个部分时动态更改浏览器url:第一次用户看到http://example.com/#/section1(angular不使用html5模式),然后他向下滚动页面,当section2元素在用户视口(viewport)中可见时,应该会看到http://example.com/#/section2。此外,

javascript - 调试用 Testcafe 编写的 UI 测试

更新:关于另一个(锤头)错误,我们被迫在testcafe测试中使用缩小代码。由于此错误已解决,我们现在可以针对非缩小代码运行测试。但是,我们仍然遇到sourcemaps被testcafe删除的问题。当我们正常运行webpack开发服务器时,我们会看到所有源映射,并且能够设置断点和调试应用程序代码。然而,在测试期间,源映射不再可用。您可以看到显示2个案例的附加屏幕截图。我们是不是做错了什么?ImagewithoutTestcafeImagewithtestcafe我们的项目使用Testcafe+Webpack+Vue.js。我知道可以通过t.debug()调试测试代码。指令或--insp

javascript - 从 AJAX 请求调用 django View (解析 celery task_id)

我正在尝试将celery任务中的数据输出到单独的窗口中。我是JavaScript和AJAX的新手,这就是我当前的问题所在。执行View后,将启动celery任务并呈现下一个html页面(success.html):成功.html{%blockcontent%}{%iftask_id%}task_idhasbeencalled:{{task_id}}task_state("{{task_id}}");second();END{%endif%}{%endblockcontent%}我知道JavaScript被调用了,因为至少打开了一个窗口。这是.js:task_output_retriev

javascript - 使用 jQuery UI 仅制作部分屏幕模态

有什么方法可以为jQuery对话框创建模式“作用域”吗?作为一个有点做作的例子,我有一个页面:Console我想为mainContent区域创建一些模态对话框。当对话框打开时,我不想允许与mainContent区域交互,但仍允许与工具栏和页脚交互。或者如果一个页面有多个类似mainContent的div,每个div都有自己独立的模式对话框集,仍然允许与其他div交互。我知道如何使用jQueryUI库创建模式对话框;我的问题具体是关于将模式应用到页面的一部分而不是整个页面,要么使用这个库,要么以一种很容易补充这个库的方式。 最佳答案

javascript - backbone.js 集合未正确删除 View 中的项目

我在View中从模型内的集合中删除项目时遇到了一些问题。基本上模型/集合结构如下:基本上,当我尝试从子项目View中的子项目集合中删除一个项目时,它实际上从集合中删除了正确的项目。然而,当我开始坚持主模型时,该项目似乎仍在收藏中。这是我的观点的结构:主视图插入主模型所需的DOM节点,主模型为项目模型等创建新View。所有View都将主模型作为模型选项,如下所示:newApp.Views.MainModelView({model:this.model,el:$('#nodeID')})唯一不同的是子项模型View的创建,由于View和模板的可重用性,我仍然传入主模型,但是我也传入了项集合

javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移

我遇到了jQuery-UI可拖动和可放置的问题。我需要在放置在iframe内的droppable内拖动一个draggable。这工作正常,直到我滚动iframe。可放置坐标不会更新。这个问题在fiddle中得到了证明。我正在使用下面的变通方法首先使拖放到iframe成为可能。它计算正确的偏移量但不使用iframe的滚动偏移量。我试过了,但无法对其进行调整,因此它会考虑滚动偏移。//Createnewobjecttocacheiframeoffsets$.ui.ddmanager.frameOffsets={};//Overridethenative`prepareOffsets`met