我有这个ajax网站,页面加载通过load()但我如何添加转换？一个简单的FadeOut FadeIn已经很好了. 这是我用来加载它的代码(加上一个加载指示符). 我希望当前页面(只是容器)淡出,新的到达fadeIn$(document).ready(function() {$('a').click(function(event) {$("#container").append('<div id="loading">Loading...</div>');event.preventDefault();var url = $(this).attr('href');$('div#container').load(url, function() { $("#loa...
为什么我的方法不发布数据？根据jquery文档：“请求方法 如果数据作为对象提供,则使用POST方法;否则,假设GET.“var car = {{ car }} var motorcycle = {{ motorcycle }} $('.send_data').on('click', function(e){e.preventDefault();$('#'+container).load($(this).attr('href'),{ car: car, motorcycle: motorcycle },function(data) {$('#'+container).effect('highlight');});})解决方法:jQuery .load source code很简单：...
在我的网站上,我想通过jQuery的load()函数动态加载“页面”,我想添加一个加载动画.function loadPage(){$("#content").load("example.html"); }我将把代码放在哪里显示< div id =“loading”>< / div>而jQuery加载该内容?? 提前致谢.解决方法:使用.load()的回调函数在完成时隐藏加载div.function loadPage(){$('#loading').show();$("#content").load("example.html", function () { //calback function$('#loading').hide();}); }
我使用没有选择器的jquery.load()将外部内容加载到div元素中.如果加载的内容嵌入了JS,则JS按预期工作.但是,如果内容包含带有src = path-to-js-code的脚本标记,则不会加载js-code. 我在这个观察中是否正确,如果有的话,除了在加载的内容中嵌入JS之外还有一个很好的解决方案吗？ 编辑：一些澄清和观察： 加载我正在使用的内容$("#DivId").load("path/to/content.php", CallbackFunction(response, status, xhr) {error checking and p...
这是我的代码.<form id='user'><label for="name">Name :</label><input type="text" id="name" name="name"/><label for="email">Email :</label><input type="text" id="email" name="email"/><input type="submit"/></form><div id="output"></div>jQuery的：$('#user').on('submit',function(event){event.preventDefault();var data=$(this).serialize();adddetails(data); }); function adddetails(data){var url='http://lo...
我在S.O.上找到了其他几个问题. (以及一般的网络)大致提出同样的问题,但答案似乎总是建议构建代码的其他方法,以避免解决这个潜在问题的需要. 例如,许多人建议(并且我同意一个很好的建议)将您的代码放在jquery load方法的回调中,在调用页面而不是被调用页面上.但是我有一些可能出现在某些资源中的独特脚本,因此我不想为每次加载都这样做,也不一定知道这些脚本是什么. 这是一个测试设置,用于演示我正在尝试做什么.简短的总结是当我从...
好的,所以我一直在寻找这个问题的答案几个小时,但没有发现任何有效的方法. 我有一个页面,我在.click事件后加载到div中,所以看起来像这样：$('#mybutton').click( function () { $('#mydiv').load('myinnerpage.aspx'); });然后我在myinnerpage.js里面我有：$(document).on('change', 'input[name=rbfileByNameOrID]:radio', function () { if ($('input#rbByFileName').attr('checked'))fileSelectionBy('filename'); elsefileSele...
在这个小项目中,我尝试使用window.load和$(document).ready() https://jsfiddle.net/23rupa07/ 我读到的是当加载DOM并且window.load正在等待直到例如加载图像时,立即触发$(document).ready(). 对于jQuery版本2.2.4,它的工作原理如上所述,但是当我将jQuery更改为3.1.0版时,订单将被还原. 检查截图.有谁知道为什么？解决方法:记录jQuery2和jQuery3之间的变化 jQuery 3的一个变化是截至目前 – 文档就绪处理程序是异步的,即使文档在添...
我有一个页面(page1.php),我使用一个选择框将另一个页面(page2.php)加载到DIV中.在page2.php里面有一个UL,它将数据从数据库(通过PHP)加载到LI中,并且是可排序的. 我的问题是,当我自己加载page2.php时,它序列化很好.但是,当page2.php通过.load()加载到page1.php时,它根本没有序列化,我得到了未定义. 这是重要的代码,这本身也可以正常工作,但是当通过.load()函数加载这个页面时却不行<script type="text/javascript" src="http://aja...
我一直在寻找解决方案,但我仍然看到这个错误. 它是我们客户的Expression Engine设置,我们想要实现ajax-navigation.为此我们使用默认的$.load()函数,这在ie9,FF,Safari,Chrome,Opera中完美运行……但它在ie8及以下版本中不起作用. 我已经测试了回调函数,一个是被调用的,数据是发送的,我可以在登录时在控制台中读取它.但由于某些奇怪的原因,数据未插入. 这是代码：load_page: function(url, func){$('#content').load(url+' #content...
我有一些代码从另一个文件中加载一些html,它可以正常工作.但我正在努力从这个新加载的数据中访问元素. 我有这个代码：var widgetSettings = $("<div>").addClass("widgetsettings").load('dashboard/chart-settings-form.php #editChartForm'); widgetSettings.appendTo(widget.element); //so far so good... widget.element.find('.date').each(function(i){$(this).datetimepicker(); //this doesn't workconsole.log('testing....
我有一个评论系统,用户提交评论,处理评论,然后返回评论的HTML.然后jquery将检索到的HTML添加到评论系统.整个系统工作,但除非我刷新页面,否则需要javascript的注释按钮不起作用.如何让我的javascript在通过加载,前置或附加添加的元素上工作？ 不确定我的问题是否清楚,但这是我的javascript：$(function () {$(".replyform").submit( function (event) {event.preventDefault();id = $(this).attr("id").split('_')[1];text = $('tex...
由于我已经从jQuery 1.x / jQuery 2.x升级到jQuery 3.x,我的现有代码将不再正确执行.一切正常,但加载事件监听器不再被触发或有时被触发：$(function() {$(window).on("load", function() {// this line will never/occasionally be executedconsole.log("window is loaded!");}); });解决方法:使用/切换到jQuery 3时可能会出现问题.这是因为新jQuery 3中的所有就绪状态现在都是完全异步的.这意味着,没有给定代码执行的命令. 因此,可...
我有一个每个常见的页面a.html,看起来像这样：<html><head><script type="text/javascript" src="xyz.js" > </script></head><body><div> ... </div></body> </html>在b.html中,我将jquery的.load()函数用于div.$("#myDiv").load("a.html") 有用. xyz.js的内容与a.html一起加载.但为什么没有< script>标签？我打开萤火虫看源头.有一个但是没有< script>. 我想要< script>因为我需要它来找到相对路径.(this question) 编辑：我尝试...
我有一个事件,当点击时启动jQuery load().负载传递几MB的POST数据.我得到了流产错误.如何设置超时？toggleModalLoading();$("#ele").load('http://site.com/script.php',{'data' : postData },function(e) {toggleModalLoading();});解决方法:.load()调用实际上只是一种方便的简写.在.load()调用之前你可以set global ajax options.如果这不可行,你将不得不使用the lower-level API.无论哪种方式,你想要超时ajax选项：$.ajax('http...