Tag: 加载

jQuery .ajax .load .get x（h）tml相关错误（“不匹配的标签，预期：”）: 我的问题其实很简单，但我需要有深入了解的人。想象一下以下简单的任务：将一些外部html数据加载/解析为当前html文件的元素。让我们说，这是我们要检索的外部文件的内容： lorem ipsum 这是使用jQuery .load的代码 $(“#div_in_mother_html”).load(“external.html #element”); 像魅力一样工作。但是在控制台中查看，我看到以下错误： 1. mismatched tag. Expected: 2. mismatched tag. Expected: 这是为什么？很明显， .load是jquery中.ajax的简写，据我所知，这是一个跨浏览器的XMLHttpRequest 。这可能会导致标签问题不匹配，因为HTML标签不会关闭，这与XHTML不同： HTML – XHTML – 接下来试试好吧，我说，必须可以解析XML而不是HTML。是的，jQuery的文档也是这样说的。我从.load切换到更高级的.ajax并尝试手动设置数据类型： $.ajax({ type:’GET’, url:’ajax.txt’, contentType: “text/plain; charset=utf-8”, dataType:’text’, success:function(data){ $(‘#div_in_mother_html’).html(data); } }); 它再次起作用……但是在控制台中出现了相同的无声错误。在本地环境中的firefox 32浏览器控制台中看到错误。

在Chrome中淡化大图像: 我在渲染大图像方面遇到了一些麻烦，但仅限于Chrome。这是绝对基本的设置： $（文件）。就绪（函数（）{ var img = new Image（）; $（IMG）。隐藏（） .load（函数（）{ $（本）.fadeIn（3000） }） .attr（“src”，“files / originals / 01.jpg”） $（ “身体”）。追加（IMG） }）; 据我所知，这是创建动态图像的常规方法，加载它，并在加载完成后淡入淡出。现在，这在FireFox，Safari甚至IE中完美运行，但在使用大图像（分辨率大于1900×1200）时不适用于Chrome。在有人大火之前，我应该补充一点，这是项目的要求。在所有浏览器中都会发生什么，但Chrome会在图像加载（预期）时出现延迟，并且一旦完成就会消失。在Chrome中，我会在图像加载时获得常规延迟，然后在图像加载期间再次延迟fadeIn（在我的例子中为3000ms）之后，图像只是“出现”，好像我使用了show（）。较小的图像可以在所有浏览器中完美运行。是什么赋予了？我错过了什么？

jquery .load（）不起作用: 我似乎无法让jquery的.load（）函数工作。必须是简单的我缺少…基本上只是尝试将more.html的片段加载到index.html。的index.html Test $(document).ready(function () { alert(“jquery script executing…”); $(‘#foo’).load(‘more.html #bar’, loadComplete); }); function loadComplete (response, status, xhr) { alert(“load complete.”); } foo foo foo more.html More bar bar bar 我看到两个警报 – 正在执行脚本，并且正在调用回调（即负载正在完成）。但是，内容不要改变。我尝试过safari，chrome和firefox（都在OSX上）。必须有一些明显的东西我不见了……？

你能点击’jQuery中加载的内容吗？: 我正在尝试创建一个页面，其中示例div是可点击的，因为它将在下面。但是我试图这样做，如果用户点击徽标，它将使用加载重新加载原始内容。发生此负载后，是否可以“点击”已加载的？我正在尝试这一点，当点击file.php中的加载的时，它无法提醒 Example $(document).ready(function() { $(“#example”).click(function(){ alert(“You clicked me!”); }); $(“#logo”).click(function(){ $(“#main”).load(“file.php”); }); }); This is content. file.php包含 This is loaded content that can’t be clicked?

如何判断图像是否已正确加载: 事后，是否有办法告诉图像（使用标签，而不是通过JS放置）是否已正确加载到页面中？我有一个头像镜头，偶尔第三方图像服务器最终提供404.我可以更改服务器端代码使用onerror=”showGenericHeadshot()” ，但我真的想避免进行更改到服务器端代码。最终，我想确定图像是否丢失或损坏，并用通用的“未找到图像”图形替换它。我尝试过的事情： Image.prototype.onerror = showGenericHeadshot – 不适用于标签 $(‘img[src*=thirdpartyserver.com]).error(showGenericHeadshot) – 在IE中不起作用 $(‘img[src*=thirdpartyserver.com]).css(‘backgroundImage’,’url(replacementimage.gif)’) – 有效，但仍然没有摆脱IE中破碎的图像图标

加载内容后加载jQuery.load（）吗？: 两个问题：在完全下载的内容后运行jQuery.load()吗？如果以防万一，文档中有一个会动态注入另一个， load()会在下载第二个脚本的内容之后运行，或者在原始的非动态内容之后运行装？谢谢 2）问题的例子是这样的： $(document).load( myscript2.functionA ); myscript.js会将myscript2.js注入dom。其中myscript2.js包含函数myscript2.functionA 显然，我想在myscript2.js完全加载后运行myscript2.functionA。 🙂

Jquery加载屏幕通过PHP覆盖一个大的mysql查询？: 我正处于我的客户端的报告工具中，如果它们是X天，它基本上可以动态重建报告。问题是报告是用PHP重建的，其中一些可能非常大，意味着20-40秒的加载时间。目前，它只是在执行查询时挂起页面。然而，我想要做的是在查询开始之前将一些jquery加载覆盖放置到页面中，然后当查询完成时，重定向到另一个页面（将显示结果）。我是否正确地认为，只要我在运行查询之前将html加载到页面中，就应该显示加载屏幕，然后一旦查询完成，我可以放置另一部分HTML来对其他页面进行元刷新（显然，标题重定向是不可能的，因为标题已经被发送）。如果这是正确的，任何人都可以推荐任何基于jquery的加载插件吗？非常感谢

JQuery加载似乎没有处理？: 我正在加载这样一个页面： function loadGUIComponents() { // load contents into each accordion area $(“#listEntryDiv”).load(“listEntry/listEntryIndex.html”); $(“#openEntryDiv”).load(“openEntry/openEntryIndex.html”); }; 在listEntryIndex.html中，可以正确调用这样的脚本： alert(“AHA!”); the world is helloed. 但是，如果我尝试将JS外部化为一个单独的文件： the world is helloed. 永远不会调用该脚本。我真的google了很多，我没有得到理由。人们在问为什么他们的javascripts在加载后没有被调用，但是我的原因是只有标记在加载后才被调用。谢谢！

jquery函数将html代码加载到div中，然后将其他内容加载到html加载的div中: 我想知道将html页面（page1.html）加载到活动网页（index.html）中的div中的方法是什么，然后将另一个html页面（page2.html）加载到将在页面内的div中已加载（page1.html）。我的意思是。的index.html load 脚本 $(document).ready(function() { $(‘a.link’).live(‘click’, function() { $(‘#content’).load(‘page1.html’, function(){ $(‘#content2’).load(‘page2.html’); }); }); }); page1.html 只需单击一下就可以正常工作，第二次单击它会加载page2.html 0.5秒，然后加载page1.html。有什么问题？？？谢谢

如何加载html文本，直到加载背景图像精灵？: 这是我想用jQuery控制的一些示例代码（黑页bg上的白色按钮bg）： Products and Services for the company Successful packaging services for the company Data, mail and print tools for your company 在CSS文件中，我有以下内容： .buttons li { background-image: url(images/sprite.png); height:126px; width:293px; float:left; margin:0 0 0 9px; } .button-displays { background-position: 0 125px; } .button-packaging { background-position: 0 250px; } .button-tools { background-position: 0 375px; } 我将这些列表项设置为看起来像可点击的按钮，背景精灵有助于填写按钮的背景。我的客户端在Firefox和Safari中不喜欢它，当页面第一次加载时，锚点内的文本首先加载li的背景精灵（大约150kb […]