`
LiYunpeng
  • 浏览: 948498 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

jquery中使用load加载外部html文件，不执行JavaScript的解决办法

jqueryloadexternal html file外部文件javaScript 
阅读更多
最近自己在写jquery的扩展插件

遇到个问题就是，使用load加载外部的html文件，但是加载了想要加载的内容之后，发现JavaScript不执行，并没有加载进来，上网看了看解决办法

找到答案如下

load加载的外部文件会把Script部分删除掉

所以推荐使用$.get来异步加载外部页面，具体代码如下 

$.get('partial.html', function(result){
    $result = $(result);

    $result.find('#content').appendTo('#new_content');
    $result.find('script').appendTo('#new_content');
}, 'html');


可在这里看例子
http://plnkr.co/edit/Hj0cyTUV44BPrxiOvPpW?p=preview

参看
http://stackoverflow.com/questions/16352371/jquery-load-ajax-not-executing-javascript-in-returned-html-after-appende
分享到：
| jquery mobile 动态添加li，页面样式不刷新 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    如何动态加载外部Javascript文件

    动态加载外部JavaScript文件是一种常用的技术手段，它允许在不重新加载整个页面的情况下，动态地将JavaScript文件添加到网页中。这对于提高页面加载速度、按需加载资源、减少初始加载时间等方面非常有效。 在介绍...

    vue动态加载外部依赖js代码实现

    在前端开发中，有时我们需要动态地加载外部JavaScript库或脚本文件。特别是在构建大型Vue应用程序时，可能会遇到需要按需加载某些功能的情况，例如第三方库、API接口等。本文将详细介绍如何通过创建一个Vue组件来...

    前端项目-jquery.loadtemplate.zip

    `jquery.loadtemplate` 是一个基于 jQuery 的插件，专门用于加载和使用模板，使得在Web应用中动态渲染内容变得更加便捷。这个压缩包文件“frontend-project-jquery.loadtemplate.zip”包含了一个名为“jquery-...

    jquery.load 是无法替代 iframe的

    1. **内容隔离**：iframe可以提供一种方式来加载外部内容，而不影响主页面的JavaScript环境，避免了跨域问题和JavaScript冲突。 2. **页面加载优化**：iframe中的内容可以独立于主页面加载，这样即使iframe中的内容...

    Jquery网页部分内容加载

    6. **优化性能**：在使用jQuery进行部分内容加载时，需要注意避免不必要的DOM操作和重绘，使用`$(document).ready()`和`$(window).load()`确保在正确的时间执行脚本，同时考虑利用缓存和CDN服务进一步提升加载速度。...

    load.js：动态加载外部JavaScript和CSS文件

    动态加载外部JavaScript和CSS文件 安装 npm install load.js 如何使用？ const load = require ( 'load' ) ; /* you could use jquery functions here */ await load . js ( 'jquery.js' ) ; /* load menu css and...

    使用jQuery的load方法设计动态加载及解决被加载页面js失效问题

    【jQuery的load方法及其应用】 在网页开发中，动态加载内容是...通过上述方法，我们可以利用jQuery的load方法实现动态加载内容，同时解决被加载页面JavaScript失效的问题，使得后台系统的页面布局和交互更加灵活高效。

    The jQuery JavaScript Library

    `load` 函数提供了一个简便的方法来加载外部内容并插入到指定的元素中。它可以接受一个 URL 和一个可选的回调函数作为参数。 ```javascript $("#result").load("otherpage.html #content"); ``` 此函数会自动处理...

    jquery-get-post-load 方法

    `$.load()` 方法允许你加载外部文档的全部或部分，并将其插入到当前页面的某个元素中。 **基本语法**: ```javascript $(selector).load(url, data, complete); ``` - `selector`: 要插入数据的目标元素选择器。 - `...

    jQuery页面区域预加载布局代码.zip

    在jQuery中，可以监听`$(window).load()`事件，确保所有页面资源加载完毕后执行预加载代码。此外，可以使用`.each()`遍历需要预加载的元素，通过创建`Image`对象并设置其`src`属性来加载图片。对于非图片资源，可以...

    WEB开发 之 jQuery - AJAX load() 方法.docx

    在Web开发中，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨jQuery中的一个关键Ajax方法——`load()`，它允许开发者从服务器动态地加载数据并将其插入到...

    jQuery 图片加载不出来，报错404.docx

    ### jQuery 图片加载不出，报错404 的解决方案 #### 一、问题背景与现象 在使用 jQuery 进行图片加载时，可能会遇到图片无法正常加载并出现 404 错误的情况。该问题通常表现为：在浏览器控制台中会看到 404 Not ...

    jquery_javascript

    可以使用jQuery动态加载外部HTML文件： ```javascript $('#container').load('external.html #content'); ``` #### 8. 插件开发 jQuery的插件机制允许开发者封装复杂数量的功能，从而创建可重用的组件。插件通常...

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    这个插件不仅允许用户展示信息，还可以加载外部URL内容，极大地增强了网页的交互性和用户体验。在本文中，我们将深入探讨jQuery Dialog的使用方法、功能特性以及如何实现加载URL地址。 ### 1. jQuery Dialog基础 ...

    Jquery在指定DIV加载HTML示例代码

    在网页开发中，jQuery是一个非常流行的JavaScript库，它极...总结来说，通过引入jQuery库并使用`.load()`方法，我们可以轻松地在指定的`<div>`元素中加载外部HTML内容。这在构建动态网站和应用时是一个非常实用的功能。

    动态加载外部javascript文件的函数代码分享

    动态加载外部JavaScript文件是网页开发中的一个重要技巧，它允许网页在需要时按需加载脚本，从而提高页面的加载速度和用户体验。以下是对标题和描述中提到的知识点的详细解释： 1. **动态加载**：动态加载指的是在...

    jquery中ajax的用法实例

    `$.load()` 方法可以用来加载外部文件内容并插入到当前文档中指定位置，同时还可以传递参数给服务器。例如： ```javascript $("#test1").load("fragment/fragment1.html"); ``` 这里的 `"fragment/fragment1.html"` ...

    unigui_调用外部js与css

    本主题聚焦于如何在Unigui项目中调用外部JavaScript（js）和样式表（css）资源，这对于扩展功能、引入第三方库或者实现自定义样式是必要的。 首先，理解Unigui的基础架构是关键。Unigui基于Vue.js，Vue.js是一个...

Magicbox
Global site tag (gtag.js) - Google Analytics