Tag: javascript

jQuery文件上传 – 如何识别所有文件上传的时间: 我正在使用jQuery文件上传插件。我希望能够在所有选定文件上传完成后触发事件。到目前为止，我有一个事件，当选择文件上传和每个特定文件完成上传时执行操作 – 有没有办法检测所有选定的文件是否已完成上传？实际的应用程序在这里http://repinzle-demo.herokuapp.com/upload 我的输入字段如下所示：我的脚本代码如下所示： $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, add: function (e, data) { // when files are selected this lists the files to be uploaded $.each(data.files, function (index, file) { $(”).text(“Uploading … “+file.name).appendTo(“#fileList”); }); data.submit(); }, done: function (e, data) { // when a file gets uploaded this lists […]

更改URL时如何更新AngularJS指令？: 可能重复：使用AngularJS设置活动选项卡样式我正在使用AngularJS并尝试在显示该选项卡的内容时向我的菜单添加“当前”类。这是我到目前为止，它在加载页面时工作正常： HTML： One Two JS： myModule.directive(‘highlighttab’, function($location) { var currentPath = “#” + $location.path(); return { restrict: ‘C’, link: function(scope, element, attrs) { var href = element.attr(“href”); if (currentPath == href) { element.addClass(“current”); } } }; }); 当页面url为#/one或/#two时，这会将“当前”类添加到正确的标记问题是如果我单击第二个选项卡，则不会将类添加到该选项卡中。我想我需要一些方法来获取指令中的代码，以便在URL更改时重新运行。有没有办法做到这一点？

beforeSend in $ .getJSON: 如何在$.getJSON （跨域）中使用$.getJSON回调。更具体地说， $.getJSON调用是一个YQL服务 select * from html url =“ http://www.yahoo.com ”

如何使用Fabric.js将图像上传到canvas？: 我想要创建一个过程，用户可以上传他们的图像然后在浏览器中使用Fabric.js在Canvas中使用一些按钮编辑它们-wich使用Fabric.js来添加一些效果。我不能让它发挥作用。我的HTML是： Javascript如下： var canvas = new fabric.Canvas(‘canvas’); canvas.setHeight(480); canvas.setWidth(640); $(‘#uploadedImg’).change(function () { var imgData = $(this).files[0]; fabric.util.loadImage(imgData, function(img) { var oImg = new fabric.Image(img); oImg.scale(0.2).set({ left: 100, top: 100, }); canvas.add(oImg); }); });

学习JavaScript ……我应该直接跳到好东西（框架）吗？: 几年前我学习了HTML / CSS，然后是PHP。我最近再次对Web开发很感兴趣，刚开始玩Django和RoR这样的框架。我很好奇在看框架之前我应该花多少时间/精力学习JS。我一直在阅读Brett McLaughlin撰写的一篇名为Mastering AJAX的文章，看起来相当不错，但我看到很多东西（例如跨浏览器兼容性 – 甚至像XMLHttpRequest这样的东西）即将出现如果使用框架，则不会出现问题。那么，我应该继续阅读这些文章并尝试使用基本的JS构建内容，还是应该开始研究jQuery之类的东西？另外，我一直在观看一些关于Google I / O中GWT的video。去年我一直在学习Java，在其中构建了一些中型应用程序。我想知道GWT是否值得直接使用，还有gQuery？

用不同的图像替换单选按钮: 我需要创建一组2个单选按钮（选项：男/女），显示图像而不是实际按钮。图像应根据选择而改变。所以应该有4个图像：男性（上），男性（关闭），女性（上），女性（关闭）。我在整个网站上使用jQuery，如果可能的话，我也想使用jQuery。我找到了各种替换表单控件的插件，我使用imageTick替换复选框，它工作正常。但是，我无法弄清楚如何调整插件，因此我可以在一个单选按钮组中使用不同的图像。谢谢！

如何在mouseenter / mouseleave上多次停止触发切换事件？: 我正在使用jQuery使用jQuery切换方法切换的可见性。在mouseenter和mouseleave事件上触发切换，从而创建div在mouseenter上折叠并在mouseleave上折叠的效果。问题是，如果用户将鼠标拖过几次然后离开，div将会多次切换。如果用户意外地在中移动了鼠标指针，就会发生这种情况。有谁知道如何避免这种行为？感谢名单！

如何使用Dropzone.js禁用可点击的表单？: 我正在使用Dropzone.js将文件上传到服务器。我将我的Dropzone maxFiles参数设置为10，我尝试了这个： $(‘.dropzone’).dropzone({ maxFiles: 10, init: function() { this.on(‘maxfilesreached’, function() { $(‘.dropzone’).unbind(‘click’); }); } }); ……但没有工作。从.dropzone或其他任何方式删除可点击以阻止用户添加更多文件的解决方案是什么？

jQuery如果url哈希，点击事件/激活javascript: 因此，从主页，我有一个链接到产品列表页面。产品页面具有展开/折叠div。我需要适当的div来扩展，具体取决于url是什么。所以主页上的链接是 healthy snacks 当我点击上面的链接时，我想在产品页面上激活它： Healthy Snacks 我已经尝试了一些其他代码，我发现触发点击通过检查哈希标记，但没有一个正常工作，我认为这是因为ReverseDisplay js。请有任何见解会有所帮助。谢谢

设置可拖动对象的边界限制: 我有两个要素： 1.固定高度的父母， overflow:hidden 它的孩子，固定高度较大。 .myList {list-style:none; margin:0px; padding:1px;} .myList li{ height:50px; margin:4px; padding:2px;} .dragPanel {height:230px; border:solid; overflow:hidden;} 1 2 … …. 8 9 我希望能够在父div中上下拖动列表。我使用jquery ui draggable插件来实现Verticle拖动，但我不确定如何约束父div中的列表。 $(document).ready(function() { $(‘.dragPanel’).addClass(“hover”); $(‘.myList’).draggable({ axis: ‘y’ }); }); 我该如何为列表的位置设置垂直上限和下限？