`
三月沙
  • 浏览: 620112 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery报$未定义以及jquery在iframe下失效的问题

阅读更多

今天做项目,主页中使用的是iframe,子页中使用jquery来操作文档,在firefox下调试代码的时候,firebug报$未定义,一开始还以为还需要在主页引入jquery的包,但是发现引用之后也还是抱这样的错误。主页在web根目录下的admin文件夹,引入jquery的路径为:

 

 <script type="text/javascript" src="../jscript/jquery-1.4.4.js" ></script>

 注意:这里使用的是相对路径,而不是绝对路径

 


子页在admin文件下的student文件夹下面,引入jquery的路径为:

 

<script type="text/javascript" src="../../jscript/jquery-1.4.4.js" ></script>

 注意:子页也是使用的相对路径

 

 

当子页被包含在主页的iframe中时,子页的相对路径其实已经改变了,所以子页未找到jquery的包,在这里可以把子页的相对路径替换为绝对路径就可以解决问题了,如下:

 

<script type="text/javascript" src="/PGSystem/jscript/jquery-1.4.4.js" ></script>

 

其中PGSystem为项目名称,也就是从根目录下开始查找。

 

分享到:
评论
2 楼 elfasd 2013-04-18  
我的情况与你恰好相反,我的子页面<script type="text/javascript" src="../../component/jsTree/_lib/jquery.js"></script>使用相对路径没有问题,使用绝对路径会报错。。。。。。
1 楼 zzf_exw01 2011-09-23  
[color=red][/color]

相关推荐

    bootstrap和jQuery插件

    Bootstrap和jQuery是现代Web开发中的两个重要工具,广泛用于创建响应式、交互式的网页界面。Bootstrap是一个开源的前端框架,而jQuery则是一个高效、简洁的JavaScript库,它们的结合使用可以极大地提高开发效率。 ...

    完美解决IE9浏览器出现的对象未定义问题

    在某些情况下,问题可能出在iframe或frame的上下文中。由于跨域安全限制,父页面与子页面之间可能存在通信障碍,导致在子页面中引用父页面的变量或对象时出现“对象未定义”的错误。在这种情况下,需要检查iframe的...

    解决chrome对jQuery的支持问题

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。然而,有时候开发者可能会遇到浏览器兼容性问题,尤其是在使用特定功能时。"解决chrome对jQuery的支持...

    jquery-1.11.3

    《jQuery 1.11.3:兼容与进阶指南》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画...在这个版本中,我们可以感受到jQuery对开发者友好度的坚持,以及它在JavaScript世界中的影响力。

    jquery 教程 详细解释了jquery的使用方法

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及Ajax交互。这个“jQuery 教程”旨在为初学者提供详细的jQuery使用方法。 一、jQuery特点 1. 轻量级:jQuery...

    microsoft jscript运行时错误'jquery'未定义

    综上所述,解决"microsoft jscript运行时错误'jquery'未定义"的问题,需要检查jQuery库的引入、加载顺序以及可能的命名空间冲突,并确保在适当的时候使用`jQuery`而不是`$`。同时,了解如何在ASP.NET环境中使用...

    一个js导致的jquery失效问题的解决方法

    如果依赖于 jQuery 的脚本在 jQuery 之前加载,会导致 jQuery 未定义,从而失效。 4. **执行环境**:某些代码可能在 jQuery 对象未完全加载(如 `$(document).ready()` 事件之前)就执行,这会导致引用未定义的错误...

    jquery-3.3.1.js/min.js

    在本篇文章中,我们将深入探讨jQuery 3.3.1版本,了解其在简化DOM操作、事件处理、动画效果以及Ajax请求等方面的核心功能。 一、DOM操作 jQuery的核心功能之一是提供对DOM(Document Object Model)的简洁API,...

    jQuery.XDomainRequest.js

    Implements automatic *Cross Origin Resource Sharing* support using the `XDomainRequest` object for IE8 and IE9 when using the [$.ajax](http://api.jquery.com/jQuery.ajax/) function in jQuery 1.5+. ...

    jQuery(document).ready(function($) { });的几种表示方法

    这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示方法: **第一种:直接使用jQuery包装器** ```javascript jQuery(document).ready(function() { alert("你好"); }); ``` 或者简写...

    jQuery中$原理实例分析

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及动画效果。其中,`$`符号是jQuery的核心,它是jQuery库对外提供的主要接口。本篇文章将深入探讨jQuery中`$`的原理,特别是...

    query打印 jquery.jqprint-0.3.js是其实jqprint使用起来十分的简单,只需要讲两个重要的js文件引入

    jquery打印 jquery.jqprint-0.3.js是jquery的一个打印插件,是jPrintArea的加强版(官网是这么说的,具体可以看下面引自官网的一段话),可以打印选定的区域,没有页眉和页脚,还是非常好用滴!要能运行这个打印插件...

    jquery1.7+jquery1.8 API文档CHM格式

    **jQuery 1.7 和 1.8 API 文档详解** jQuery 是一款广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本篇文章将详细解析jQuery 1.7和1.8 API文档中的关键知识点,帮助开发者更...

    不用插件简单代码实现JQuery特效的jquery-tutorials

    jQuery是一个JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。通过引入jQuery库,开发者可以使用更少的代码完成更多的工作。 2. **选择器**:jQuery的选择器类似于CSS选择器,用于选取HTML元素。...

    练习2:使用jQuery美化英雄联盟简介页.zip

    在本实践项目中,我们将深入探讨如何利用jQuery这一强大的JavaScript库来美化英雄联盟的简介页面。jQuery是一个轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。通过学习这个...

    自己整理jquery1.11.2离线api

    本篇文章将详细解析jQuery 1.11.2版本的API,帮助开发者在没有网络的情况下也能查阅到详尽的使用指南。 一、jQuery基础 1. 元素选择:jQuery的核心功能之一就是通过CSS选择器选取HTML元素,如`$("#id")`选取ID为...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    在实际使用中,应确保jQuery库在Masked Input插件之前加载,以避免出现未定义的错误。同时,由于掩码是基于字符的,对于非ASCII字符(如中文)可能不支持,因此在设计输入格式时需考虑兼容性问题。 总的来说,...

    jquery-combobox完美版,修复默认选择,滚动后无法关闭等问题

    通过这些改进,我们提供的“jquery-combobox完美版”不仅解决了默认选择和滚动后无法关闭的问题,而且在易用性和性能方面都有所提升。对于开发者来说,这意味着更少的调试时间,更稳定的运行环境,以及更高的用户...

    jquery的spket插件包

    例如,如果尝试使用未定义的jQuery方法,或者在不支持的浏览器版本上使用特定特性,插件会给出警告或错误提示。这种即时反馈有助于在早期阶段发现并修复问题,避免了调试过程中的时间浪费。 除了jQuery之外,Spket...

    jquery国际化Demo

    4. **测试**:确保在不同的语言环境下,应用的功能和布局都能正常工作。 总的来说,jQuery i18n 提供了一套简单易用的解决方案,帮助开发者实现多语言支持,使应用更具全球化视野。通过正确配置和使用,可以有效地...

Global site tag (gtag.js) - Google Analytics