以下是YUI-Scrollview 的代码片段,检测'#Bumen-next'点击滚屏
var ems_s;
YUI({
debug: true,
filter:"raw"
}).use('cssbutton', 'yql', 'scrollview-base', 'scrollview-paginator', function(Y) {
var scrollView = new Y.ScrollView({
id: "scrollview",
srcNode : '#scrollview-Bumen',
width: "1600px",
}); scrollView.plug(Y.Plugin.ScrollViewPaginator, {
selector: 'li',
optimizeMemory: true
});
scrollView.render();
Y.YQL("", function(results) {
var posts = results.query.results.item;
Y.Array.each(posts, function(post){
scrollView.pages._pageNodes.push(Y.Node.create('<li><h1>' + post.title + '</h1>' + post.description + '</li>'));
});
scrollView.pages.set('total', scrollView.pages._pageNodes.size());
});
ems_s = scrollView;
Y.one('#Bumen-next').on('click', Y.bind(scrollView.pages.next, scrollView.pages));
Y.one('#Bumen-prev').on('click', Y.bind(scrollView.pages.prev, scrollView.pages));
});
使用JQUERY UI的EFFECT弹出一个FLASHPAPER的窗口
<!--弹出窗口-->
<div id="Dialog-effect" >
<div class="biaoti">高效团队与高效会议的技巧</div>
<div class="cha" id="ems_btn_dialog_close"><img src="images/cha.png" width="74" height="73" onmouseover="src='images/cha_2.png'" onmouseout="src='images/cha.png'"/></div>
<div class="Ems-Dialog-box" >
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="flashPaper/paperTest.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flashPaper/paperTest.swf" width="100%" height="100%">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
</object>
</object>
</div>
</div>问题:弹出窗口再关闭窗口后,YUI-scrollview的BUTTON就无反映了。奇怪的是随便动一下同页面的其它按钮,那个滚动BUTTON又有反映了。个人怀疑是加载了FLASHPAPER窗口之后,返回到主版面,浏览器框架变化了,检测不到了'#Bumen-next'的点击,我在主版面随便动一下,主窗口检测到了,那么'#Bumen-next'的点击也检测到了。问问有什么办法可以有效解决?
var ems_s;
YUI({
debug: true,
filter:"raw"
}).use('cssbutton', 'yql', 'scrollview-base', 'scrollview-paginator', function(Y) {
var scrollView = new Y.ScrollView({
id: "scrollview",
srcNode : '#scrollview-Bumen',
width: "1600px",
}); scrollView.plug(Y.Plugin.ScrollViewPaginator, {
selector: 'li',
optimizeMemory: true
});
scrollView.render();
Y.YQL("", function(results) {
var posts = results.query.results.item;
Y.Array.each(posts, function(post){
scrollView.pages._pageNodes.push(Y.Node.create('<li><h1>' + post.title + '</h1>' + post.description + '</li>'));
});
scrollView.pages.set('total', scrollView.pages._pageNodes.size());
});
ems_s = scrollView;
Y.one('#Bumen-next').on('click', Y.bind(scrollView.pages.next, scrollView.pages));
Y.one('#Bumen-prev').on('click', Y.bind(scrollView.pages.prev, scrollView.pages));
});
使用JQUERY UI的EFFECT弹出一个FLASHPAPER的窗口
<!--弹出窗口-->
<div id="Dialog-effect" >
<div class="biaoti">高效团队与高效会议的技巧</div>
<div class="cha" id="ems_btn_dialog_close"><img src="images/cha.png" width="74" height="73" onmouseover="src='images/cha_2.png'" onmouseout="src='images/cha.png'"/></div>
<div class="Ems-Dialog-box" >
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="flashPaper/paperTest.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flashPaper/paperTest.swf" width="100%" height="100%">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
</object>
</object>
</div>
</div>问题:弹出窗口再关闭窗口后,YUI-scrollview的BUTTON就无反映了。奇怪的是随便动一下同页面的其它按钮,那个滚动BUTTON又有反映了。个人怀疑是加载了FLASHPAPER窗口之后,返回到主版面,浏览器框架变化了,检测不到了'#Bumen-next'的点击,我在主版面随便动一下,主窗口检测到了,那么'#Bumen-next'的点击也检测到了。问问有什么办法可以有效解决?
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货