Tag: javascript

JQuery / JQueryUI hortizontal分隔符

最近，对于我正在研究的网站，我想创建一个水平分隔符，能够使用jquery调整页面上的两个元素。 基本上： 内容 ___ 分频器 _ __ _ _ 内容 当：拖动分隔符时，它应该将其中任何一侧的“内容”元素调整为用户所需的大小。 这是我到目前为止所拥有的。 和剧本： var totalHeight = $(“#Divider”).parent().height(); function ResizePage(divPosition) { var validDrag = true; // Math var minPercent = totalHeight * 0.25; var minBuffer = totalHeight * 0.05; var topHeight = divPosition.top – $(“#content”).position().top; var bottomHeight = (totalHeight – divPosition.top); // Check Drag if (topHeight […]

通过Javascript对复杂JSON对象进行交互的最简单方法

我正在使用具有一些奇怪结构的JSON数据，例如： { “RESULT”: { “COLUMNS”: [“ID”,”name”,”ENABLED”,”perms”,”vcenabled”,”vcvalue”,”checkenabled”,”checkvalue”,”indxenabled”,”indxvalue”], “DATA”: [ [7,”Site-A”, 1, “1,2”, 1, 1, 1, 0, 0, 0], [15,”Site-B”, 1, “1,2,3,4”, 1, 1, 1, 0, 0, 0] ] }, “ERROR”: 0 } 我想创建一些JavaScript，将这些数据重组为正确的JSON结构，以便“Column”数组值成为“DATA”数组值的键。 因此，在运行JS进程后，数据类似于以下内容： [ {“ID”:7,”name”:”Site-A”,”ENABLED”:1,”perms”:”1,2″,”vcenabled”:1,”vcvalue”:1,”checkenabled”:1,”checkvalue”:1,”indxenabled”:1,”indxvalue”:1}, {“ID”:15,”name”:”Site-B”,”ENABLED”:1,”perms”:”1,2″,”vcenabled”:1,”vcvalue”:1,”checkenabled”:1,”checkvalue”:1,”indxenabled”:1,”indxvalue”:1} ] 完成JSON重组的JavaScript最佳实践是什么？ 我可以使用JS框架（如JQuery，Foundation JS等）完成此任务吗？

Bootstrap 3 Popover：在hover和点击时显示，也就是说。 固定一个弹出窗口

使用hover触发器显示弹出窗口工作正常。 使用单击触发器显示弹出窗口工作正常。 现在，如何在触发图像hover时显示弹出窗口，但如果用户单击图像，取消hover并启动单击切换？ 换句话说，hover显示弹出窗口并单击弹出窗口的“引脚”。 HTML非常标准： User 和popover初始化，更无聊： $(function () { $(“[rel=popover]”).popover(); }); 从我到目前为止所看到的，似乎解决方案是一个很好的复杂的popover(‘show’) ， popover(‘hide’)和popover(‘toggle’)调用，但我的javascript / jQuery-foo不能胜任这项任务。 编辑： 使用@hajpoj提供的代码作为基础，我添加了一个函数来监听hidden.bs.popover事件，尝试在触发click事件后重新启用hidden.bs.popover和mouseleave事件，但它确实使’hover’再次工作，它杀死了点击…… var $btn2 = $(‘#btn2’); var enterShow = function() { $btn2.popover(‘show’); }; var exitHide = function() { $btn2.popover(‘hide’); } $btn2.popover({trigger: ‘manual’}) .on(‘mouseenter’, enterShow) .on(‘mouseleave’, exitHide) .one(‘click’, function() { $btn2.off(‘mouseenter’, enterShow) .off(‘mouseleave’, exitHide) .on(‘click’, function() { $btn2.popover(‘toggle’); }); […]

是否有类似Facebook的图像裁剪的jQuery图像裁剪插件？

我知道有数以千计的jQuery插件用于图像裁剪，但我需要的是类似于Facebook的图像裁剪：图像上可拖动的固定尺寸正方形，或固定尺寸正方形下的可拖动图像。 我认为它有一个简单优雅的代码，而不是我到处都能找到的10k-50k图像处理框架。

使用jQuery的ASP.NET MVC AJAX

我有一个网站，每个用户的页面显示注释，并允许其他用户添加注释。 我想拥有它，所以添加注释表单在页面上，当用户添加注释时，它将被添加到数据库并显示在带有AJAX的注释部分中。 我正在使用jQuery for AJAX和LINQ to SQL来处理数据库逻辑。 如何执行此操作以便在将注释添加到数据库之后，将刷新和更新注释部分而不刷新页面？

动态更改filterToolbar选项

有什么方法可以动态设置’filterToolbar’选项吗？ 这是我的问题。 最初我需要一个根据搜索选项的filter – ‘defaultSearch : “eq” 单击按钮后我需要将搜索选项更改为 – defaultSearch : “cn” 一种方法可以动态设置defaultSearch选项（我不知道天气是否可能），其他方法是删除旧的filtertoolbar并添加新的filtertoolbar ，默认搜索为“cn”。 这有可能与jqgrid？ 请告诉我。 感谢您的帮助。 先感谢您。

.keyup事件替代方案

我有一个简单的自动完成测试，它可以处理硬编码数据。 但是，当我添加自己的数据（包含超过1000个数据）时，它不起作用，只显示第一个字母，所以如果我的数据是“Apple” 当我输入B – 它显示香蕉但我不能输入“BA”，因为“A”消失。 我期待着我可以写出整个单词而不是第一个字母。 这是工作代码： var validOptions = [“Bold”, “Normal”, “Default”, “100”, “200”] previousValue = “”; $(‘#ac’).autocomplete({ autoFocus: true, source: validOptions }) .keyup(function() { var isValid = false; for (i in validOptions) { if (validOptions[i].toLowerCase().match(this.value.toLowerCase())) { isValid = true; } } if (!isValid) { this.value = previousValue } else { previousValue = this.value; […]

解析数据以创建导航窗格

我有这个XML响应： http ： //jsfiddle.net/ZeeHv/ 我正在尝试使用转储中的信息创建这样的东西： Academic BM CMTTE DM PM ARCHIVE ASSOCIATIONS BM DM PM 最后，XML可以为我提供所有网站和子站的列表： https://hosted.demo.ca https://hosted.demo.ca/academic https://hosted.demo.ca/academic/bm https://hosted.demo.ca/academic/cmtte https://hosted.demo.ca/academic/dm https://hosted.demo.ca/academic/pm https://hosted.demo.ca/archive https://hosted.demo.ca/associations https://hosted.demo.ca/associations/bm https://hosted.demo.ca/associations/dm https://hosted.demo.ca/associations/pm 如何查看此信息并附加ul和li标签以创建网站导航菜单？ JS过去常常得到XML： function getAllSites(){ $().SPServices({ operation: “GetAllSubWebCollection”, async: true, completefunc: function(xData, Status){ $(xData.responseXML).find(“Web”).each(function(){ console.log($(this).attr(“Url”)); }); } }); }

滚动function多次启动而不是一次

我正在尝试创建一个网站，在单个滚动操作时自动滚动到每个部分。 这意味着代码必须检查页面是向上滚动还是向下滚动。 我相信下面的代码解决了我的问题，但滚动操作在页面滚动时不止一次被触发。 您将看到if语句中的第一个警报达到5而不是所需的1.任何有关此问题的帮助都将受到高度赞赏。 [注意]我使用velocity.js库滚动到容器中的每个部分。 var page = $(“#content-container”); var home = $(“#home-layer-bottom”); var musicians = $(“#musicians”); var athletes = $(“#athletes”); var politics = $(“#politics”); var bio = $(“#politics”); var pages = [ home,musicians,athletes,politics,bio ]; var pageCur = 0; var lastScrollTop = 0; page.scroll(function(){ var st = $(this).scrollTop(); var pageNex = pageCur + 1; if […]

未捕获的ReferenceError：未定义angular – AngularJS无法正常工作

我正在尝试学习角度，我正在努力点击一个简单的按钮。 我按照一个示例，它具有与下面相同的代码。 我正在寻找的结果是单击按钮以引发警报。 但是，按钮单击没有响应。 有人有什么想法吗？ My AngularJS App Click Me! var app = angular.module(‘myApp’,[]); app.directive(‘myDirective’,function(){ return function(scope, element,attrs) { element.bind(‘click’,function() {alert(‘click’)}); }; }); {{2+3}} <!– In production use: –>