Questions tagged «javascript»

比方说： <div> pre text <div class="remove-just-this"> <p>child foo</p> <p>child bar</p> nested text </div> post text </div> 对此： <div> pre text <p>child foo</p> <p>child bar</p> nested text post text </div> 我一直在寻找使用Mootools，jQuery甚至是（原始）JavaScript的方法，但是却不知道该怎么做。

88 javascript  dom 

我有一个从链接启动的Bootstrap模式。在AJAX查询从数据库中获取数据的同时，它只停留在空白处约3秒钟。如何实现某种负载指示器？默认情况下，twitter引导程序是否提供此功能？ 编辑：模态的JS代码 <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, "aaSorting":[[0, "desc"]], "iDisplayLength": 10, "oTableTools": { "sSwfPath": "swf/copy_csv_xls_pdf.swf", "aButtons": …

88 javascript  jquery  html  ajax 

如何在AngularJs中取消路线更改事件？ 我当前的代码是 $rootScope.$on("$routeChangeStart", function (event, next, current) { // do some validation checks if(validation checks fails){ console.log("validation failed"); window.history.back(); // Cancel Route Change and stay on current page } }); 即使验证失败，Angular也会提取下一个模板和关联的数据，然后立即切换回上一个视图/路线。如果验证失败，我不希望angular提取下一个模板和数据，理想情况下应该没有window.history.back（）。我什至尝试过event.preventDefault（）但没有用。

88 javascript  angularjs 

我只是想$location.path()在我的控制器中使用，还要传递自定义变量作为参数。所以我猜看起来像这样： $scope.parameter = 'Foo'; $location.path('/myURL/' + $scope.parameter); 但这是行不通的。有谁知道该如何在Angular中完成？

88 javascript  angularjs 

在HTML规范说 ID和NAME令牌必须以字母（[A-Za-z]）开头，后可以跟任意数量的字母，数字（[0-9]），连字符（“-”），下划线（“ _”） ，冒号（“：”）和句点（“。”）。 而且即使HTML 4 的SGML声明为NAMELEN使用值65536，它也会指出“避免固定限制”。 但可以肯定的是，浏览器，CSS实现和JavaScript工具包在支持的长度上必须有一些限制。在HTML / CSS / JS应用程序中可以安全使用的最小限制是多少？

88 javascript  html  css 

我在网页上有一个链接。当用户单击它时，页面上的小部件应该更新。但是，我正在做一些事情，因为默认功能（导航到其他页面）在事件触发之前发生。 链接如下所示： <a href="store/cart/" class="update-cart">Update Cart</a> jQuery如下所示： $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); 问题是什么？

88 javascript  jquery  events  click  jquery-events 

我目前有一个内置路由的AngularJS应用程序。它可以正常工作，并且一切正常。 我的app.js文件如下所示： angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/pages/home.html', controller: HomeController }); $routeProvider.when('/about', { templateUrl: '/pages/about.html', controller: AboutController }); $routeProvider.when('/privacy', { templateUrl: '/pages/privacy.html', controller: AboutController }); $routeProvider.when('/terms', { templateUrl: '/pages/terms.html', controller: AboutController }); $routeProvider.otherwise({ redirectTo: '/' }); }]); 我的应用程序内置了CMS，您可以在其中复制和添加/ pages目录中的新html文件。 即使对于新动态添加的文件，我仍然希望通过路由提供程序。 在理想的情况下，路由模式为： $ routeProvider.when（'/ pagename …

88 javascript  angularjs  content-management-system  url-routing 

我正在研究将一些JavaScript文件托管在CDN上的情况。我希望具有某种机制，以便在用户端下载这些文件时，可以确保文件没有被篡改并且确实来自指定的CDN。 我知道如果使用SSL，该任务非常容易，但是，我仍然要确保即使在没有SSL的HTTP上也可以提供正确的文件。 据我搜索，目前尚无跨平台支持的机制，例如JavaScript文件的数字签名。也许不需要？ 浏览器是否内置某些方法来验证JavaScript文件的作者？我有什么办法可以安全地做到这一点？

88 javascript  code-signing 

我正在使用requirejs + jquery，我想知道是否有一种聪明的方法可以使jQuery插件与require一起很好地工作。 例如，我正在使用jQuery-cookie。如果我理解正确，我可以创建一个名为jquery-cookie.js的文件，然后在里面执行 define(["jquery"], // Require jquery function($){ // Put here the plugin code. // No need to return anything as we are augmenting the jQuery object }); requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 我想知道我是否可以做像jQuery这样的事情： if ( typeof define === "function" && define.amd && define.amd.jQuery …

88 javascript  jquery  requirejs 

我爱Bundler，它非常擅长于依赖管理。我喜欢npm，安装节点软件包很容易！我有一个nodejs应用，并且希望能够指定我的应用依赖项，并在我将其部署到任何地方时轻松地安装/更新它们。这不是我要发布的库，而是功能完善的网络应用。 我知道该npm bundle命令，但这似乎只是覆盖安装软件包的目录。 我习惯以这种方式使用捆绑器： # Gemfile gem "rails", "3.0.3" 仅在主机上不安装rails v3.0.3和任何其他必需的gem时，才在主机上安装它 > bundle install 如何使用npm实现类似目的？

88 javascript  dependencies  node.js  bundler  npm 

我了解到，从单击链接/按钮到事件触发之间，移动Safari的点击事件会延迟300毫秒。延迟的原因是等待用户是否打算双击，但是从UX的角度来看，等待300ms通常是不希望的。 消除这种300毫秒延迟的一种解决方案是使用jQuery Mobile“点击”处理。不幸的是，如果我只需要touchend以正确的方式应用一两行代码，我就不会熟悉这个框架，也不想加载一些大型框架。 像许多网站一样，我的网站也有许多如下点击事件： $("button.submitBtn").on('click', function (e) { $.ajaxSubmit({... //ajax form submisssion }); $("a.ajax").on('click', function (e) { $.ajax({... //ajax page loading }); $("button.modal").on('click', function (e) { //show/hide modal dialog }); 而我想做的就是使用一个简单的代码片段消除所有这些单击事件的300ms延迟： $("a, button").on('tap', function (e) { $(this).trigger('click'); e.preventDefault(); }); 这是一个好主意吗？

88 javascript  jquery  jquery-mobile  safari  touch 

我已经看到很多建议使用的问题： for (var i = 0; i < myArray.length; i++){ /* ... */ } 代替： for (var i in myArray){ /* ... */ } 对于数组，由于迭代不一致（请参见此处）。 但是，我似乎找不到任何似乎更喜欢面向对象循环的东西： myArray.forEach(function(item, index){ /* ... */ }); 对我来说，这似乎更直观。 对于我当前的项目，IE8兼容性很重要，我正在考虑使用Mozilla的polyfill，但是我不确定100％如何工作。 现代浏览器的for循环标准（上面的第一个示例）与Array.prototype.forEach实现之间是否有区别？ 现代浏览器实现与上面链接到的Mozilla的实现之间有什么区别（特别注意IE8）？ 性能并不是问题，只是迭代属性的一致性。

88 javascript  arrays  for-loop  internet-explorer-8  iterator 

从jQuery API文档站点获取ready 以下三种语法均等效： $（document）.ready（处理程序） $（）。ready（handler）（不建议这样做） $（处理程序） 做完作业-阅读并使用源代码后，我不知道为什么 $().ready(handler) 不推荐。第一种和第三种方法完全相同，第三个选项使用以下命令在缓存的jQuery对象上调用ready函数document： rootjQuery = jQuery(document); ... ... // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } 但是ready函数与所选节点元素的选择器没有交互作用。ready源代码： ready: function( fn ) { // Attach the listeners jQuery.bindReady(); // Add the …

88 javascript  jquery  callback  document-ready 

我通常在Stack上发布与代码相关的内容，但这更多是关于社区的一般思想的问题。 似乎有很多人主张将Redux与React结合使用来管理数据/状态，但是在阅读和学习两者的过程中，我遇到了一些看起来不太正确的事情。 Redux 在此页面底部：http : //redux.js.org/docs/basics/UsageWithReact.html（通过商店），建议您使用React“上下文”的“魔术”。 一种选择是将其作为道具传递给每个容器组件。但是，这很繁琐，因为您甚至必须通过演示组件来进行存储，因为它们恰好在组件树中渲染了一个容器。 我们建议的选项是使用特殊的React Redux组件，以神奇方式使商店可用于所有容器组件... 反应 在React Context页面（https://facebook.github.io/react/docs/context.html）上，它在顶部有一个警告： 上下文是一项先进的实验功能。该API可能会在将来的版本中更改。 然后在底部： 正如在编写清晰的代码时最好避免使用全局变量一样，在大多数情况下，您应该避免使用上下文... 不要使用上下文来通过组件传递模型数据。显式地将数据线程穿过树很容易理解... 所以... Redux建议使用React的“上下文”功能，而不是store通过“ props” 将其传递给每个组件。而React建议相反。 而且，似乎Dan Abramov（Redux的创建者）现在为Facebook（React的创建者）工作，只是让我更加困惑。 我可以阅读所有这些吗？ 当前在这个问题上的普遍共识是什么？

88 javascript  reactjs  redux 

我试图找出json序列化出了什么问题，将我的应用程序的当前版本与旧版本一起使用，并发现JSON.stringify（）的工作方式中存在一些令人惊讶的差异（使用json.org中的JSON库） ）。 在我的应用的旧版本中： JSON.stringify({"a":[1,2]}) 给我这个 "{\"a\":[1,2]}" 在新版本中， JSON.stringify({"a":[1,2]}) 给我这个 "{\"a\":\"[1, 2]\"}" 任何想法都可能会发生什么变化，以使同一库在新版本中将引号放在数组括号内？

88 javascript  json  prototypejs