我才开始接触,很多不明白,是这样的,我弄了一个幻灯片,如果直接在a链接上给上地址,那么打开a标签上的地址后无法返回,然后我看了一下mui里的打开新窗口。然后我按示例做的 也无法返回来!
还有一个问题 getElementById("openwin") 这样的写法才能监听到 我如果想要多个ByClass ByTagName 然后就报错了! 幻灯片我后面肯定会写成JS生成多个 然后个每个幻灯片的链接地址肯定都不一样的,我希望我点击哪个幻灯片打开相应的网址,外部网址,不是缓存在本地的,然后可以正常的返回来,现在我试的就无法返回来!
谢谢大家,
function ad_foucs(href){
var href = href;
addEventListener('tap',function(){
mui.openWindow({
url:href,
id:'newwindow',
styles:{
top:'45px',//mui标题栏默认高度为45px;
bottom:'0px'//默认为0px,可不定义;
}
});
})
}
<div class="mui-content">
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="http://www.baidu.com" onclick="ad_foucs(this.href); return false;">
<img src="./images/ad/yuantiao.jpg">
<p class="mui-slider-title">静静看这世界</p>
</a>
</div>
<div class="mui-slider-item">
<a href="http://www.baidu.com" onclick="ad_foucs(this.href); return false;">
<img src="./images/ad/shuijiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡觉</p>
</a>
</div>
<div class="mui-slider-item">
<a href="http://www.baidu.com" onclick="ad_foucs(this.href); return false;">
<img src="./images/ad/muwu.jpg">
<p class="mui-slider-title">想要一间这样的木屋,静静的喝咖啡</p>
</a>
</div>
<div class="mui-slider-item">
<a href="http://www.baidu.com" onclick="ad_foucs(this.href); return false;">
<img src="./images/ad/cbd.jpg">
<p class="mui-slider-title">Color of SIP CBD</p>
</a>
</div>
<div class="mui-slider-item">
<a href="http://www.baidu.com" onclick="ad_foucs(this.href); return false;">
<img src="./images/ad/yuantiao.jpg">
<p class="mui-slider-title">静静看这世界</p>
</a>
</div>
<!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="http://www.baidu.com" onclick="ad_foucs(this.href); return false;">
<img src="./images/ad/shuijiao.jpg">
<p class="mui-slider-title">幸福就是可以一起睡觉</p>
</a>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
</div>