我目前正在開發一個web部分,它運行一些jquery,並在其中的某些元素上進行切換功能。我的問題在於,這個webpart是爲了在同一個webpartpage上多次使用而發現的,我發現我遇到了很多麻煩,因爲javascript會在頁面上加載多次,試圖觸發相同元素上的函數。自定義webpart在一個頁面上多次出現問題
我認爲這將是聰明的創建一個方法來改變不同的值在這裏和那裏,但最終我結束了同樣的問題。
所以,現在我沒有想法,我的技能與jQuery和JavaScript是有限的。所以,任何幫助,樣本,指針 - 任何讓我更接近解決方案的東西,我都會很滿意。
的jQuery腳本:
$(document).ready(function(){
$('.togglingDiv').find('dd').hide().end().find('dt').click(function() {
$(this).next().slideToggle("fast");
});
});
的HTML jQuery是切換:
<dl class="togglingDiv">
<dt>Lorem ipsum</dt>
<dd>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
<dt>Lorem ipsum</dt>
<dd>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
<dt>Lorem ipsum</dt>
<dd>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
</dl>