discuz數據調用跟slidesjs插件的衝突

discuz的數據調用是經過js的document.write來輸出數據,一開始想作跑馬燈效果,採用slide\slides\Slides\examples\Standard 的這個例子去修改,作成靜態html傳上服務器是能夠的,可是當5個圖片超連接<a href=#><img src="#" /></a>改用用discuz數據調用來輸出就出現問題了,整個頁面只出現5張圖片的排列,其餘內容所有看不見。糾結了幾天,後來一位師兄說看了源碼,發現slide的處理是全部標籤都當作圖片連接來處理,包括數據調用的<script></script>代碼。最後,用了精髓的在調用slides函數前加了一句$("#moon_test a").appendTo($(".slides_container")); ,再在html結構後面加了




<div id="moon_test">
<script type="text/javascript" src="http://xx.xx.xx.xx/demo/bbs/api/javascript.php?key=%E9%A6%96%E9%A1%B5%E7%9A%84%E6%B5%B7%E6%8A%A5%E6%BB%9A%E5%8A%A8_v2"></script>
</div>

最後整理一下,把所有作成數據調用,直接在論壇首頁調用就行javascript

<!-- lang: js -->
$(function(){
	$("#moon_test a").appendTo($(".slides_container"));
	$('#slides').slides({
		preload: true,
		preloadImage: 'include/haibao/img/loading.gif',
		play: 5000,
		pause: 2500,
		hoverPause: true
	});
});

<!-- lang: html -->
<div class="main_haibao">
<div id="container">
	<div id="example">
		<div id="slides">
			<div class="slides_container">
			</div>
		</div>
	</div>
</div>

</div>php

<!-- lang: html -->
<div id="moon_test">
[node]
{image}
[/node]
</div>
相關文章
相關標籤/搜索