Tag: jquery load

在jquery.ajax（）加载的页面中运行的脚本太早运行document.ready

我的网站使用jquery.load()在页面的大块上进行导航。 我真的很感激能够只包含加载内容的特定部分，这里是id =“content”的div： $(frame_selector).load(url +” #content”, function(response, status, xhr) {…}); 但是现在我需要能够运行作为动态加载页面一部分的脚本。 Jquery.load()删除了这些脚本，但jquery.ajax()没有。 所以我在ajax调用中复制了jquery.load的部分内容function， jquery.load ： $.ajax({ url: url, dataType: ‘html’, success: function(data, textStatus, XMLHttpRequest) { // Only include the response within the #content id element. $(frame_selector).html( jQuery(“”) .append(data) .find(“#content”) ); } }); 问题是从ajax调用动态加载的脚本无法可靠地运行。 有时它们似乎没有任何影响，可能是因为它们运行得太早。 脚本只是在jquery中进行DOM操作 – 不依赖于图像或flash或任何不应该加载的东西。 为了避免陷入困境，我有这个可怕的黑客来让事情发挥作用。 而不是仅使用AJAX加载的脚本： $(document).ready( function() {…} ); // unreliable […]

使用jQuery将具有相对路径的外部HTML页面加载到DIV中

如果这个问题太简单了，我对jQuery和原谅相对较新，但是我已经搜索了很multithreading几个小时但找不到明确的解决方案。 我有以下文件夹结构： /index.html /html/pages/page1.html /html/pages/images/ /html/pages/css/ /html/pages/js/ /html/pages/includes/ 我试图通过以下基本方式将page1.html加载到index.html中的DIV中： $(‘#content’).load(‘html/pages/page1.html’, function () { console.log(‘loaded’); }); page1.html加载很好，但是，它包含多个包含，其中的所有内容（图像，CSS，JS等）都与页面文件夹相关（例如： ../ images / header.jpg ），所以它加载到index.html时没有显示，因为现在一切都变得相对于/或index.html 。 我在某处读到，在page1.html中使所有路径绝对或根相对都可以工作，同时添加一种全局路径变量，但是，问题是遗留内容太多而且更改所有路径都不是一个选项。 有没有办法加载如上所述的page1.html而不修改任何路径，尽管它们是相对的？ 或者有人可以推荐一种以这种方式加载外部内容的有效方式（其他插件，技术）吗？ 谢谢！

如何显示使用jQuery load（）将多个项目ajax转换为多个元素？

我需要将大页面中的某些项目加载到页面的不同元素中。 我写的代码正在工作但是项目一个接一个地加载并经过很多停顿。 我想我可能做错了，因为我不是一个完整的开发人员而只是一个设计师。 我的代码看起来像： $(“#lot-rental”).load(“/est.html #est-rental”); $(“#lot-deposit”).load(“/est.html #est-deposit”); $(“#lot-date”).load(“/est.html #est-date”); $(“#lot-build”).load(“/est.html #est-build”);

JQuery .load（）使内容在加载后无法点击

我有一个页面，我有一个div。 来自该div的内容由包含页面填充，并且包括页面正在调用数据库以检索内容。 当用户单击“添加任务”按钮时，会调用ajax将内容插入数据库，并使用.load（）刷新显示所有任务的div。 “删除任务”也会发生相同的过程; 进行另一个ajax调用，从数据库中删除一行，并使用.load（）刷新div。 我在数据库表中看到了插入和删除，但前端有点不稳定。 当页面首次加载时，我可以执行无限数量的“添加”操作，所有新任务都显示在div中。 但是，我只能做一个’删除’动作; 在第一次尝试之后，我似乎无法从div中选择一个元素。 这是’添加’代码： $(“#accept_new_task”).click(function(){ jQuery.ajaxSetup({async: false}); //Make ajax call $.post(“[url]”, { [data] }, //If successful, add a new item to task list and clear input function(data) { //Clear input $(“#new_task_name”).val(”); $(“#new_task_description”).val(”); //Show new task $(‘#newly_added_tasks’).load(‘[page on server]’, function() { }); }); jQuery.ajaxSetup({async: true}); }); 和’删除’代码： //Deletes recently added […]

从远程网站提取HTML内容并在页面上显示

现在已经有一段时间了，我很难过。 我试图从远程网站页面上的特定div中提取内容，然后将该html插入我自己网站上的div中。 我知道你不能单独使用jQuery的.ajax，.load或.get方法来进行这种操作。 这是远程页面的HTML： …table #1 content… …More table content… …table #2 content… …table #3 content… 目标：我正在尝试从远程页面的第一个表中获取html。 所以，在我的网站上，我希望获取以下html并将其放在id =“fetched-html”的div中： …table #1 content… …More table content… 到目前为止，我正在使用我的PHP函数： loadHTML($output); // Get 1st table $output = $DOM->firstChild->getElementsByTagName(‘table’); return $output; } ?> 最终结果应该在我的本地网站页面上显示如下： …table #1 content… …More table content… 这是另一个PHP函数的可能性？ <?php function pullRaspPi_SDImageTable() { // Url to fetch $url […]

.load（）和相对路径

.load()给了我麻烦。 我正在处理一个节段加载器项目，我似乎无法获取我需要的文件。 我想要实现的目标 ： #sectionContainer在文档加载时为空，但在文档就绪时，它已被Pages1.html “填充”。 这是由JavaScript文件sections.js 。 JS文件和index.html不在同一个文件夹中。 这是网站结构（我在我的网站上运行了很多项目） 主文件夹 项目1 项目2 （sectionLoaderTest /） 的index.html Pages1.html Pages2.html CSS / JS / sections.js 项目3 … 我用来加载Pages1.html的代码就准备好了： $(document).ready(function () { $(“#sectionContainer”).load(“../Pages1.html”, function (response, status, xhr) { if (status == “error”) { var msg = “An error occurred. Status code: “; $(“#error”).html(msg + xhr.status + “. Status […]

平滑图像淡出，更改src，并使用jquery淡入

我正在尝试执行以下操作： 在链接点击： 1.）淡出img 2.）更改现在隐藏图像的src 3.）当新的src的img完成加载时，淡入 最低限度，我希望看到一个图像的平滑淡出和另一个图像的淡入淡出（通过更改src在相同的img标记内） 最终我想： 1.）淡出img 2.）显示动画gif“加载图像” 3.）更改现在隐藏图像的src 4.）隐藏GIF动画“加载图片” 5.）当带有新src的img完成加载时，淡入 谢谢。 这是我到目前为止所尝试的。 似乎只有在src改变之后（在淡出之前）闪烁几次。 奇怪的行为。 $(“#Image”).fadeOut(); $(“#Image”).attr(“src”, NEW_IMAGE_SRC); $(“#Image”).fadeIn(); #Image是一个IMG标签

使用jQuery加载promises

我仍然试图绕过deferred而不是什么，所以考虑到这一点，我有一个关于如何做以下事情的问题。 我的团队和我有3个单独的.load()方法，每个方法都抓取一个特定的模板并将其附加到同一个容器中。 每个负载都会花费不同的时间，因此当内容加载时，它会以“阶梯式”方式加载（1，然后是2，然后是3）。 我想使用deferred对象并等待它们全部完成，然后同时附加它们以删除“阶梯”动作。 $(”).load(baseInfoTemplate, function () { var baseData = { // build some object }; $.tmpl(this, baseData).appendTo($generalContainer); }); 所有三个电话都与上面的电话类似。 我怎样才能做到这一点？

jQuery .load可以追加而不是替换吗？

我有一个WordPress安装，我正在尝试使用jQuery创建一个Load More效果。 我在使用页面片段的基本.loadfunction时遇到了一些麻烦。 我不介意使用.get，因为我在这里看到一些线程，认为这是一个更好的解决方案。 这是我的页面URL结构和内容： 第一页： http://example.com/page/1/ ： http://example.com/page/1/ HTML： blah blah blah blah blah blah blah blah blah blah blah blah 第二页： http://example.com/page/2/ ： http://example.com/page/2/ HTML： blah blah blah blah blah blah blah blah blah blah blah blah 我在页面底部有一个链接，我尝试过以下操作： jQuery(#articles).load(‘http://example.com/page/2/ #articles’); 可悲的是，有两个问题。 首先，.load函数从第二页抓取#articles div及其内容，并将其放入现有的#articles div 。 这意味着，即使这样做，每次点击都会产生div内的递归div。 这太乱了。 有人可以帮我命令，只需将第二页的.story classes附加到第一页的#articles div吗？ 我可以用WordPress之后的变量，循环和PHP来计算自动化的后勤工作。 只需要适当的jQuery脚本一些帮助。 PS […]

如何取消jquery.load（）？

当load（）在5秒内没有返回时，我想取消.load（）操作。 如果是这样，我会显示一条错误消息，例如’抱歉，没有图片加载’。 我拥有的是…… …超时处理： jQuery.fn.idle = function(time, postFunction){ var i = $(this); i.queue(function(){ setTimeout(function(){ i.dequeue(); postFunction(); }, time); }); return $(this); }; …初始化错误消息超时： var hasImage = false; $(‘#errorMessage’) .idle(5000, function() { if(!hasImage) { // 1. cancel .load() // 2. show error message } }); …图像加载： $(‘#myImage’) .attr(‘src’, ‘/url/anypath/image.png’) .load(function(){ hasImage = true; // do something… […]