使用情境:
我遇到的需求是網站首頁,需網頁載入完成後立即載入一個資訊框,我是使用highslide外掛,利用a href 去載入ifame訊息網頁內容。
當然因為是要一載入就跳出訊息框,所以也是不能期待使用者會自已去按這個連結。
這個使用就可以使用 trigger() 事件觸發。
html部份:
[html]
<body onload="$(‘#showmsg’).trigger(‘click’);">
<a id="showmsg" class="highslide" href="showmsg.html" onclick="return hs.htmlExpand(this, { outlineType: ’rounded-white’,wrapperClassName: ‘draggable-header’, objectType: ‘iframe’,align:’center’,width:500 } )"> </a>
[/html]
javascript
[javascript]
<script src="./highslide/highslide-with-html.js"></script>
<script src="./highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = ‘highslide/graphics/’;
hs.align = ‘center’;
hs.transitions = [‘expand’, ‘crossfade’];
hs.outlineType = ’rounded-white’;
hs.fadeInOut = true;
hs.numberPosition = ‘caption’;
hs.dimmingOpacity = 0.75;
</script>
[/javascript]
[ JQUERY ] – trigger() 事件觸發 與 highslide.js使用
評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]
評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]
3M 日本原裝進口 速效型 防水噴霧 170ml 衣物 鞋子 皮革 透氣 防水 團購
Xilla 露營 戶外 大力夾雲台手機支架 拓展支架 球型雲台夾 手機架
垃圾桶 家用 客廳 臥室 辦公室 衛生間 大容量 高顏值 創意 收納 垃圾
現貨超低價 小新玩偶 蠟筆小新 動感新生活係列 潮玩 小新公仔