Tag: javascript

jquery bootstrap selectpicker基于先前列表选择的刷新列表: 我有三个下拉列表，一个列表在页面加载时填充，不会更改。第2和第3列表可能会根据选择而改变。此function工作正常。我已经尝试将Bootstrap selectpicker添加到选择器中，我可以看到它正在工作 – 遗憾的是列表根据选择没有刷新。我实际上认为“幕后”他们是我可以看到传递的查询，但通过前端没有任何反应。部分HTML：前两个DDL是通过php创建的但是我有以下Javascript： $(document).ready(function() { $(“.selectpicker”).selectpicker(); }); 这是我发现问题的地方，我试图在ajax中对变更函数实现这一点而没有成功 – 甚至不确定它是否正确。 $(‘.selectpicker’).selectpicker(‘refresh’); 我对这一切都很陌生，所以想要一些帮助。

如何从带有2个按钮的表单上单击按钮发送Ajax请求？: 大家好，抱歉这里有点通用的问题。我是Ajax的新手，想要从一个页面向另一个页面发送请求，该表单有2个按钮。 button 1 button 2 <input id="access_token" type="hidden" name="access_token" value="” /> $(document).ready(function() { $(“#button_1”).click(function(e) { e.preventDefault(); $.ajax({ type: “POST”, url: “/pages/test/”, data: { id: $(“#button_1”).val(), access_token: $(“#access_token”).val() }, success: function(result) { alert(‘ok’); }, error: function(result) { alert(‘error’); } }); }); $(“#button_2”).click(function(e) { e.preventDefault(); $.ajax({ type: “POST”, url: “/pages/test/”, data: { id: $(“#button_2”).val(), access_token: $(“#access_token”).val() […]

获取JavaScript中数字的小数位数的最简单方法: 有没有比我的例子更好的方法来计算数字上的小数位数？ var nbr = 37.435.45; var decimals = (nbr!=Math.floor(nbr))?(nbr.toString()).split(‘.’)[1].length:0; 更好的是，我的意思是更快地执行和/或使用本机JavaScript函数，即。类似nbr.getDecimals（）的东西。提前致谢！编辑：修改series0ne答案后，我能管理的最快方法是： var val = 37.435345; var countDecimals = function(value) { if (Math.floor(value) !== value) return value.toString().split(“.”)[1].length || 0; return 0; } countDecimals(val); 速度测试： http ： //jsperf.com/checkdecimals

jQuery Accordion – 在pageload上打开特定部分: 我在页面上有一个相当基本的jQuery Accordion实现（使用1.3.2，jQuery UI Core 1.72和jQuery UI Accordion 1.7.2），我希望在页面加载时打开第2部分。我尝试了很多方法，但似乎没有任何工作…… 头文： $(function() { $(“#accordion”).accordion({ event: “mouseover” }); }); 身体手风琴： Headline 001 Link 001 Link 002 Headline 002 Link 003 Link 004 任何帮助将不胜感激！

TypeError：e 不是函数: 我一直在使用jquery 1.6没问题。今天我切换到jquery 1.8，突然我在尝试提交表单时收到此错误： TypeError: e[h] is not a function. 形成： Login $(“#login_button”).click(function(){ $(“#login”).submit(); }); 我错过了什么吗？谢谢！

使用Angular加载部分页面并编译控制器: 在大规模应用程序中，我们的Web应用程序可能会组织成单独的部分页面，以增加应用程序的模块性。在某些情况下，使用Angular $ http.get或JQuery $ .load编译通过XHR或Ajax请求加载的部分页面将引入错误。以我的场景为例，我正在使用Kohana PHP框架，因此我可以在服务器级别上控制我的Web应用程序的模块性。像往常一样，所有模板和页面都被分离到视图中，将所有HTML，JS和CSS放在表示层上。这将为我在客户端处理上实现Javascript MVW / MVC堆栈提供极大的灵活性，因为我的Web应用程序在很大程度上依赖于从后端应用程序获取数据的AJAX请求。在我的场景中，我使用AngularJS和以下是关于如何将模型中的数据呈现给客户端的简单伪。 Kohana模型> Kohana控制器> Kohana查看> XHR> JQuery \ Angular> DOM 我的应用程序中的一部分真的让我碰到并让我喝几瓶新陈代谢饮料来解决应用问题。我在哪里有一个modal dialog，部分页面从服务器通过XHR加载并附加到选定的DOM。问题是当Angular尝试编译部分页面时，当它找到ng-controller指令时，它将查找引用已处理指令的函数。由于DOM解析器尚未评估控制器，因此产生错误。但是，当您在加载部分页面之前在应用程序中的某个位置预先启用该function时，一切正常。下面是我如何设置一个Dialog服务的示例，当我点击上述链接时，该服务将从link指令调用。 var dialogService = angular.module(‘dialog.service’, []); dialogService.factory(‘Dialog’, function($http,$compile){ var dialogService = {}; dialogService.load = function(url, scope){ $(“#dialog:ui-dialog”).dialog( “destroy” ); $(“#dialog”).attr(‘title’,’Atlantis’); $http.get(url).success(function (data) { html = $compile(data)(scope); $(‘#dialog-content’).html(html); […]

jQuery.ajax成功回调函数未执行: 我有一个JavaScript Ajax调用（jQuery.ajax），它不执行成功回调函数。 $.ajax({ url: target, contentType: ‘application/json; charset=utf-8’, type: ‘POST’, // type: ‘GET’, dataType: ‘jsonp’, error: function (xhr, status) { alert(status); }, success: function (result) { alert(“Callback done!”); // grid.dataBind(result.results); // grid.dataBind(result); } }); 我在firebug中看到，请求已发布，并且按照预期返回了json方面的正确结果。怎么了？

使用jquery将参数添加到页面上的链接: 如何使用jquery为我的页面上的所有链接添加类似ajax=1 。我还需要检查url是否有现有参数。例如http://example.com/index.php?pl=132必须成为http://example.com/index.php?pl=132&ajax=1 此外，如果链接没有任何参数，例如http://example.com/index.php ，它将变为http://example.com/index.php?ajax=1我想加载jQuery脚本准备好文档，以便在页面加载时更改所有链接。

CodeIgniter中的jQuery，在视图内部还是在外部js文件中？: 我正在使用CodeIgniter开发Web应用程序。这一次，我把自定义js代码放在视图文件中做了很多花哨的东西。通过这样做，我可以使用CodeIgniter提供的site_url()和base_url()函数。今天我想将所有自定义js代码从视图文件分离到外部js文件中。然后它击中了我，我不能在外部js文件中使用site_url()和base_url() 。所以，我不得不将js代码移回视图文件。我想问一下这类问题的意见，例子和最佳实践。您是将自定义js代码放在视图中还是外部js文件中？如果你把它放在外部文件中，你如何解决对site_url()和base_url() （当然除了我想要避免的绝对URL）。

失败的formspropType：您为没有`onChange`处理程序的表单字段提供了`value`道具: 当我加载我的反应应用程序时，我在控制台中收到此错误。警告：表单propType失败：您为没有onChange处理程序的表单字段提供了value prop。这将呈现一个只读字段。如果该字段应该是可变的，则使用defaultValue 。否则，设置onChange或readOnly 。检查AppFrame的render方法。我的AppFrame组件如下： class AppFrame extends Component { render() { return ( ShireSoldiers Menu Dashboard Fixtures Players {this.props.children} ) } } export default AppFrame; 我正在努力弄清楚我在这里做错了什么。应用程序启动并运行，但我试图删除所有控制台警告/错误。