iFrame内部的jquery ui draggable()存在问题
我向你解释我的问题: 我在页面中有一个隐藏的iframe。 单击后,我通过ajax加载位于iframe内部的div中的一些内容。 指向脚本的链接位于iframe的源代码内。 我通过ajax加载的内容应该是可滚动的,我使用基于ui滑块和可拖动jScrollbar的自定义滚动条。 我将自定义滚动条初始化为ajax加载函数的回调,但它只能部分工作: 鼠标滚轮功能非常完美,但我无法通过单击鼠标向下滚动 代码如下:iFrame内部的jquery ui draggable()存在问题,jquery,jquery-ui,iframe,scrollbar,Jquery,Jquery Ui,Iframe,Scrollbar,我向你解释我的问题: 我在页面中有一个隐藏的iframe。 单击后,我通过ajax加载位于iframe内部的div中的一些内容。 指向脚本的链接位于iframe的源代码内。 我通过ajax加载的内容应该是可滚动的,我使用基于ui滑块和可拖动jScrollbar的自定义滚动条。 我将自定义滚动条初始化为ajax加载函数的回调,但它只能部分工作: 鼠标滚轮功能非常完美,但我无法通过单击鼠标向下滚动 代码如下: $(function(){ store_frame ();//write the f
$(function(){
store_frame ();//write the frame intop the page
$('.submenu').show();
$('a#click').click(function(){
$("#iframe_sub").contents().find('#text_box .wrap').load('presenza.html', function(){
$("#iframe_sub").contents().find('#text_box .wrap').fadeIn(fade_time, function(){
$("#iframe_sub").contents().find('.jScrollbar').jScrollbar({
allowMouseWheel: 'true'
});
});
});
});
});
有什么想法吗?我也有同样的问题,问题是在jQuery代码中添加事件的方式。在第一次单击之后,jQuery应该在当前文档上添加mousemove事件,但这是错误的,因为它使用document.addEventListener。此处的文档引用了框架的外部,它应该类似于:
var iframe = TheCurrentFrame; //how to access that??
iDoc = iframe.contentWindow // sometimes glamorous naming of variable
|| iframe.contentDocument; // makes your code working :)
if (iDoc.document) {
iDoc = iDoc.document;
iDoc.body.addEventListener('mousemouve', eventHandler);
};
我需要一个正确版本的jQuery,它知道如何在处理iFrame时正确地附加事件。我尝试在我的帧中附加一个自定义事件,当触发该事件时,将从帧中调用jscrollbar或slider。但似乎我无法从画面外触发任何东西。如果您发现了什么,请告诉我我也尝试了一个随机可拖动的div,我也遇到了同样的问题。