chrome-Jquery trigger方法效果与实际操作不完全相同

问题描述

Jquery trigger方法效果与实际操作不完全相同

现在的问题

用jQuery dialog弹出的div中iframe引入的页面B,需要点击一下(点击页面B或者B的父页面A)后才能触发事件,正确显示鼠标样式(这也是之前遇到的很奇怪的问题,写在下面,求解!),于是我打算在页面加载好之后用trigger模拟一次鼠标点击,click的处理函数被调用了但是问题还是存在,为什么。。

之前的问题

(问题出现在chrome,在IE11,火狐正常)
通过右键菜单(jQuery contextmenu插件)调用的dialog方法,不用菜单调用不会有问题。
页面A:

 <body>
     <div id="dialog">
        <iframe src="B.jsp"></iframe>
     </div>
 </body>

点击前的B页面

点击后的B页面

解决方案

我觉得调下样式吧 ,保证弹出的B就是你想要的,为了要个点击的样式模拟一个点击,思路有点偏

贴出样式看看

解决方案二:

点击事件是什么?点击事件明显更改过span容器样式了,还有你怎么trigger的,要后去iframe里面的对象trigger,不是父页的,如果iframe使用了框架,要使用框架中的jQuery,不是父页的

解决方案三:

B页面的span应该是套了一个超链吧 你看看这个
http://blog.csdn.net/huwenhu2007/article/details/24669631

你想要的效果应该是a:visited,也就是点击过的,那你就把a:link的样式写一下,字体蓝的等等

这样就不用trigger了,如果新出的页面有很多效果不是你想要的,你不能每个动作都模拟一下吧~

希望对你有帮助

解决方案四:

我觉得是否可以把iframe先不要 直接把报表放到div里看看是否正常,能不能把trigger省了

如果实在要调试trigger的话,你看看下面的链接对你有没有帮助:

http://blog.csdn.net/binbinxyz/article/details/38150475

http://www.tuicool.com/articles/jiiyUr

时间: 2024-09-11 20:34:40

chrome-Jquery trigger方法效果与实际操作不完全相同的相关文章

jQuery trigger()方法用法介绍_jquery

jQuery的trigger()方法用法介绍: 此方法可以触发匹配元素上指定类型的事件. 它具有两种语法格式,下面就分别做一下介绍. 语法结构一: 复制代码 代码如下: $(selector).trigger(event,[param1,param2,...]) 参数解析: 1.event:必需,规定匹配元素要触发的事件,可以是自定义事件,也可以是标准的事件. 2.param:可选,传递给事件处理函数的参数. 代码实例: 复制代码 代码如下: <!DOCTYPE html> <html&

jQuery中值得注意的trigger方法浅析_jquery

介绍 trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger(type,[data]) ,其中参数type为触发事件的类型,参数data为可选项,表示在触发事件时,传递给函数的附件参数. 常用模拟 有时,不需要进行操作,也想模拟用户操作达到某些效果.比如在用户进入界面后就触发click事件,而不需要用户去点击. 在jquery中可以使用trigger完成. $("#btn").trigger("click")//触发id为b

jQuery视差滚动效果网页实现方法经验总结_jquery

本文总结分析了jQuery视差滚动效果网页实现方法.分享给大家供大家参考,具体如下: 首先说两个核心函数,当然是基于jQuery的: 1.$(document).scrollTop() ; 该函数主要是返回页面当前顶部距离页面顶部的像素值,是一个非负整数. 2.$(window).scroll(); 该事件是监控页面是否滚动,一旦滚动则触发其回调函数. 由此两个函数,我们得到下面的代码: $(window).scroll(function() { var top = $(document).sc

jquery trigger函数执行两次的解决方法_jquery

本文实例讲述了jquery trigger函数执行两次的解决方法.分享给大家供大家参考,具体如下: 一.问题如下: 有如下代码: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> *{margin:0;pa

jquery果冻抖动效果实现方法

  这篇文章主要介绍了jquery果冻抖动效果实现方法,涉及animate方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery果冻抖动效果实现方法.分享给大家供大家参考. 具体实现方法如下:   代码如下: <html> <head> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <s

jquery搜索框效果实现方法

 这篇文章主要介绍了jquery搜索框效果实现方法,分析了jquery搜索框效果的实现技巧及注意事项,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery搜索框效果实现方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <head> <title>jquery:搜索框效果</title> <script type="text/javascript" src="jquery

jquery实现聚光灯效果的方法

 这篇文章主要介绍了jquery实现聚光灯效果的方法,可实现鼠标滑过图片时显示当前图片高亮,其他图片变暗的聚光灯效果,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jquery实现聚光灯效果的方法.分享给大家供大家参考.具体分析如下: 有时网站需要用jquery实现一种图片聚光灯特效,当鼠标滑过单组中的单个图标时,当前高亮,其它图标变暗的这种类似图片聚光灯特效.其实现原理为首先先让鼠标触及到当前图片后,让其他图片全部透明化,然后显示出当前的提示语,当鼠标移开以后隐藏当前的提示语,

调用jQuery滑出效果时闪烁的解决方法

 这篇文章主要介绍了在调用jQuery 滑出效果时,层会现次闪烁一下的解决方法,需要的朋友可以参考下 问题现象如题所示,在调用jQuery 滑出效果时,层会现次闪烁一下.在网上找了许多解决文案,说要加如下标示:  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

jquery果冻抖动效果实现方法_jquery

本文实例讲述了jquery果冻抖动效果实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript">  $(function(){   $("