Tag: javascript

使用jquery ajax和FormData跟踪fileupload的ajax post进度: var files = []; $(document).ready(function (){ dropArea = document.getElementById(“droparea”); }); // when we drag and drop files into the div#droparea dropArea.addEventListener(“drop”, function (evt) { files = evt.dataTransfer.files; }, false); function uploadFiles(stepX) { var url = “/ajax/uploadfiles.php”; var type = “POST”; if (files.length > 0) { var data = new FormData(); // we use FormData here […]

AngularJS指令不显示模板: 这是我的AngularJs指令。它”希望在模板中显示div但在代码运行时它什么都没显示。这是html 这是AngularJS指令 var app = angular.module(‘SuperHero’,[]); app.directive(‘SuperMan’,function(){ return{ restrict:’E’, template: ‘Hello fromt Directive’ } }); 这是演示

可靠地检测SVG的标签支持: 我目前正在对网站进行一些重新设计，基本上只是将其升级到更新的外观，并尝试尽可能使其独立于分辨率，并且以分辨率独立的名义，我想我会尝试使用设计中的SVG图像，浏览器支持标签中的SVG图像。我之所以坚持只在标签中使用SVG而不是使用一些更加雄心勃勃的解决方案的原因是AFAIK Chrome，Opera和Safari都支持它，而FF4似乎最终可以得到它以及结合事实整个站点建立在自定义CMS上，必须部分重写才能开始更改输出HTML（目前它支持自定义设计图像，自定义CSS和每个主题的自定义JS包含）。现在，我自己试着找出最好的方法来解决这个问题，并且由于某些原因，我发现几乎所有建议的解决方案都运行得很差（一个检测FF3.x作为支持SVG的标签所以它们没有在那里正确显示，另一个根本没有尝试过，有些过于复杂“如果支持它则用SVG替换所有图像”function也不能很好地工作。我正在寻找的是一个可以这样调用的小片段（顺便说一下，我正在使用JQuery和这个新主题的网站）： if(SVGSupported()) { $(‘#header img#logo’).attr(‘src’,’themes/newTheme/logo.svg’); /* More specified image replacements for CSS and HTML here */ } 有没有人真的有一个工作解决方案，不会给出不准确的输出？如果是这样，我会非常感激。

Bootstrap 3日期/时间选择器出错: 我正在使用Eonasden的日期/时间选择器，你可以在这里找到。日期时间选择器我正在使用示例中的HTML：它显示图标正常，但不显示日历下拉菜单。我的头像是： $(function() { $( document ).ajaxStop( function() { $(‘#datetimepicker1’).datetimepicker(); }); }); 我收到一个控制台错误“Uncaught ReferenceError：moment not defined”有没有人知道如何解决这个问题？它似乎在他的示例页面上正常工作。

将css类添加到DOM主体的安全且最快捷的方法: 我想在DOM的body元素中添加一个类。对于这么简单的东西，并且body元素本身加载速度很快（至少，我认为它会加载比DOM中埋藏的元素更快的加载），我真的必须等待jQuery Ready事件做这样的事情吗？简单的任务？我希望在将样式添加到正文时避免“闪烁”效果，因为我将添加不同的CSS样式，这个类在添加时生效。我可以这样做： jQuery(window.document).ready(function () { jQuery(“body”).addClass(“home”); }); 但是有更快，更安全的方式吗？我不关心它的jQuery还是原生JavaScript

通过AJAX加载文本文件会产生受限的URI错误: 我提到我读了建议的链接……并且无法理解建议..“使用Greasemonkey修改Pages并开始编写一些javascript来修改网页我正在加载一个带有$.ajax的文本文件。在Firefox上运行代码时，我收到以下错误：错误：[“访问受限制的URI被拒绝”代码：“1012”nsresult：“0x805303f4（NS_ERROR_DOM_BAD_URI）”位置：“”] 这是我的代码： $(document).ready(function () { $(“button”).click(function () { $.ajax({ url: “demo_test.txt”, success: function (result) { $(“#div1”).html(result); }, error: function (abc) { alert(abc.statusText); }, cache:false }); return false; }); }); Let jQuery AJAX Change This Text Get External Content 我已经阅读了以下问题： firefox从本地JS文件读取网页 – 访问受限制的URI被拒绝，代码：1012，nsresult：NS_ERROR_DOM_BAD_URI 错误：[exception…“访问限制URI被拒绝”….同时调用$ .ajax方法有人建议不要使用文件系统，因此将URL更改为http：//demo_test.txt ，但这并没有解决问题。我还听说可能是因为跨域问题。如果是这样，究竟是什么意思，我该如何解决这个问题呢？

使用jQuery淡出文本字段内的文本值: 我不完全确定这是否可能，我对jQuery和JavaScript的知识非常了解，但这个让我很难过。我创建了一个简单的插件，清除焦点上的文本输入，然后显示默认值，如果没有输入任何内容。是否可以淡出文本输入中的文本本身，而不是整个字段本身？所有尝试似乎都会导致文本字段本身逐渐淡出并最终将元素从视图中隐藏。我确实提出了一个使用包含默认值的跨度的解决方案，并将它们绝对定位在文本输入上，隐藏并显示它们，具体取决于用户是否输入了任何文本。如果存在的话，我宁愿采用一种直截了当的方法。编辑使用jQuery UI中的jQuery动画函数或作为jQuery的插件可用，您可以将文本颜色设置为在聚焦和模糊字段时输入的颜色（如下所述）。这是我正在使用的代码，如果你想知道如何。 obj.bind(“focus”, function() { if ($(this).val() == oldValue) { $(this).animate({ color: ‘#E8DFCC’ }, 1000).val(”); } }); obj.bind(“blur”, function() { if ($(this).val().length <= 3) { $(this).animate({ color: '#56361E' }, 600).val(oldValue); } });

如何标记Google柱形图栏: 我正在使用Google Chart API为值创建图表，范围从1到数百万。问题表示较小值（例如：小于50左右）的条在图上是不可见的，我无法看到哪些值对应于某个x轴。如果我能以某种方式在条形图上打印y轴值，这将得到解决。但是，我在API文档中找不到任何关于如何做的提及。这里有类似的问题，但它没有回答我的问题。在Google交互式条形图中将标签放在内部栏的顶部还有其他一些超过一年未解决的问题，我希望有人可能已经找到解决方案或解决方法，这就是为什么再次提出这个问题。谷歌可视化：柱形图，简单的问题，但找不到答案如何在Google Chart API列顶部显示值你能告诉我如何实现我想要的东西如何自定义这个谷歌条形图？？

设置HTTP cookie时，我可以使用localhost作为域吗？: 我使用jQuery插件来设置cookie，当我使用localhost作为域时，它不会存储cookie。这是我在jQuery 1.2.6中使用的插件。 http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ 以下是我正在使用的代码。您可以看到它不喜欢localhost，我从localhost上的开发Web服务器运行它。一个细节是我正在运行4005端口，但这不应该影响域，AFAIK。 $(function() { console.log(‘Testing’); var one = $.cookie(‘Test.One’); var two = $.cookie(‘Test.Two’); var three = $.cookie(‘Test.Three’); console.log([‘one’, one]); console.log([‘two’, two]); console.log([‘three’, three]); $(‘#div1’).text(one); $(‘#div2’).text(two); $(‘#div3’).text(three); $.cookie(‘Test.One’, ‘Test 1’); $.cookie(‘Test.Two’, ‘Test 2’, { path: ‘/’ }); $.cookie(‘Test.Three’, ‘Test 3’, { path: ‘/’, domain: ‘localhost’ }); });

在AngularJS服务调用之后填充jQuery UI手风琴: 我正在尝试构建一个AngularJS应用程序，我正在使用jQuery UI手风琴控件。问题是，jQuery UI手风琴是在我的AngularJS服务从服务器加载数据之前启动的。换句话说：手风琴在启动时没有任何数据，因此不会显示何时填充AngularJS的数据。该视图如下所示： $(“#b2b-line-accordion”).togglepanels(); 我的AngularJS控制器看起来像这样： app.controller(‘orderController’, function ($scope, orderService, userService) { // Constructor for this controller init(); function init() { $scope.selected = {}; $scope.totalSum = 0.00; $scope.shippingDate = “”; $scope.selectedShippingAddress = “”; $scope.orderComment = “”; $scope.agreements = false; $scope.passwordResetSuccess = false; $scope.passwordResetError = true; userService.getCurrentUser(2).then(function (response) { $scope.user = response.data; orderService.getProductCategoriesWithProducts($scope.user).then(function (d) […]