草庐IT

vue插件

全部标签

javascript - Fancytree jQuery 插件——选择节点

我很难从fancytree插件中选择给定的节点。所以,我尝试过类似的方法:$("#tree").fancytree("getTree").visit(function(node){node.select(n);});其中“n”是表示节点ID的任何数字,但它不起作用,即使文档中存在select()函数也是如此有人可以帮忙吗? 最佳答案 vartree=$("#tree").fancytree("getTree");varnode=tree.getNodeByKey(n);node.setSelected(true);

javascript - 用于 ElevateZoom jQuery 插件的 AngularJS 指令

我正在尝试使用ElevateZoomangular应用程序中的jQuery插件。本质上,要正常使用ElevateZoom,您可以按如下方式创建图像:然后在你的应用程序JS中:$('#my-img').elevateZoom(options);这在标准应用程序中运行良好。但是,当我尝试使用指令在我的AngularJS应用程序中执行此操作时(我遵循了一些SO答案以使用指令将jquery插件转换为Angular)我就是无法使其工作。Plunkr上的实时可编辑演示:http://plnkr.co/edit/Mu4EOcGtGs7XVDDUvnnB?p=preview我的指令是这样的:app.d

javascript - 为什么我的 JQuery 插件导致无法读取未定义的属性 'length'?

我有点不好意思问另一个无法读取未定义的属性“长度”问题,但是没有在线(SE或其他)答案与我手头的问题有任何关系。p>我已尽力缩小我的情况发生此脚本错误的原因,但我不知所措。如果我在页面中排除此标记,错误将不再出现:所有jquery-ui-1.10.3.drag-drop.min.js文件是jquery-custom我重命名的文件,其中包括jquery可拖动、可放置和可排序。我确信这个错误是由我写的一些脚本引起的,但由于我刚刚开始对此进行测试,所以我没有太多的脚本可以“注释掉”,当我这样做时,它我的困惑,没有摆脱错误。到目前为止,我发现消除该错误的唯一方法是完全排除该插件,如果我这样做,

javascript - Vue 中的去抖计算属性/getter

我似乎无法去除(lodash)计算属性或vuexgetter。去抖函数总是返回未定义。https://jsfiddle.net/guanzo/yqk0jp1j/2/HTML:computed:{{textComputed}}debounced:{{textDebounced}}JS:newVue({el:'#app',data:{text:''},computed:{textDebounced:_.debounce(function(){returnthis.text},500),textComputed(){returnthis.text}}}) 最佳答案

javascript - 使用取决于 jQuery Validation 插件

我有一个带有一堆文本框的表单,这些文本框默认情况下是禁用的,然后通过使用每个文本框旁边的复选框启用。启用时,这些文本框中的值必须是有效数字,但禁用时,它们不需要值(很明显)。我正在使用jQueryValidation插件来执行此验证,但它似乎没有达到我的预期。当我单击复选框并禁用文本框时,尽管我已将depends子句添加到规则中(请参见下面的代码),但我仍然收到无效字段错误。奇怪的是,实际发生的是错误消息显示一瞬间然后消失。这是复选框和文本框列表的示例:OneTwo这是我正在使用的jQuery代码//WireuptheclickeventonthecheckboxjQuery('#It

javascript - 在 Backbone 和 Requirejs 中使用 jQuery 插件

我正在使用backbone+requirejs+jquery,我在当前的html页面(确切地说是backbonehtml模板)中加载jquery插件时遇到问题。有我需要的配置:require.config({paths:{//...somecodeaboutbackboneconfigjquery:'/js/lib/jquery/jquery.min','jquery.camera':'/js/jquery/jquery.camera'},shim:{//...somecodeaboutbackboneconfig'jquery.camera':['jquery']}});在我的布局h

javascript - 在页面中多次使用时,JQuery 插件不起作用

我正在尝试编写一个名为grid2carousel的JQuery插件,它在桌面设备上采用Bootstrap样式网格中的一些内容,并在较小的屏幕上变成轮播。如果它是页面上的唯一实例,则该插件工作正常,但如果有多个实例,则会遇到一些问题。我在这里创建了一个Codepen来演示这个问题:http://codepen.io/decodedcreative/pen/BzdBpb尝试注释掉codepen的HTML部分中的一个组件,调整浏览器大小直到它变成轮播,然后在取消注释的情况下再次重复此过程每当浏览器宽度低于HTML数据属性中指定的断点时,该插件就会运行一个名为SetupPlugin的内部函数。

javascript - 为什么 Vue.js 使用 VDOM?

AccordingtoVue.js'documentation,它在底层使用VDOM来呈现UI。据我了解,VDOM的发明主要是为了避免“跟踪依赖”。使用VDOM,可以在不知道到底发生了什么变化的情况下协调应用程序的更大部分。因此,可以使用普通对象和数组来描述View,只需要通知框架有关更改(如React中的setState)。然后,比较两个VDOM树并将所需的最小更改集应用到真实的DOM。另一方面,Vue.js使用跟踪依赖项。它确切地知道发生了什么变化,因此可以使用DOM绑定(bind)。此外,由于大多数Vue.js用户已经在使用模板语言,因此它并没有真正受益于VDOM提供的更大灵ac

javascript - 使用 React 或 Vue 增强多页面应用程序的某些部分

我正在服务器端使用java&hibernate&springmvc开发企业应用程序并使用jquery在客户端(不是SPA)。现在在搜索页面中,我使用ajax并仅获得json响应,但我不想在每个搜索或分页请求中都写如下内容。function(ajaxData){....$('#search').html(''+''+''+''+ajaxData.title+''+......''+'')....}我认为使用jsx和react或vuecomponent只是在这个页面刷新结果。我还想重用一些htmlblock,我认为使用react或vue会很容易我曾经构建过一个小的SPA项目,它都是关于np

javascript - 使用 Vue.js 的异步/等待 axios 调用

我在设置其中一个时遇到了一些麻烦。我的Vue.js应用程序中的值。我相信我要么没有正确理解异步axios调用,要么没有理解异步在Vue.js中的工作方式。我有以下三种方法:updateAvailability(availability){if(availability==true){this.showYourDetails();}else{this.showBookingDetails();}},checkAvailability:asyncfunction(event){event.preventDefault();constavailability=awaitthis.handle