2011-12-06 99 views
1

我試圖讓tinyscrollbar.js在我的網站的工作,遺憾的是它似乎並沒有工作,我不能讓我的頭圍繞這一問題。jQuery腳本衝突/不工作

http://www.luminous-living.com/issue/ < - 看看我的演示(點擊信息>關於)

有誰知道衝突是什麼?

一些幫助,將不勝感激

+0

以供將來參考,請在問題的培訓相關的代碼 - 這樣這將是人誰在未來訪問該網頁提供有益的參考。 –

+0

你有沒有嘗試jQuery.noConflict()功能 –

+0

謝謝羅裏的信息 – David

回答

0

編輯:刪除不正確的信息

找到這些行並刪除「display:none;」從風格:

<div id="information_list" style="display:none; float:left; width:380px; height:2500px; overflow:hidden; background:URL(assets/img/etlap_background.jpg) #2F3229; background-repeat:no-repeat; background-position:right bottom; "> 

<div id="etel1" style="display:none; width:350px; margin-left:35px;"> 

在刪除顯示:無;行,你可以看到滾動條的作品。也許這會縮小它的範圍。

進一步測試後,問題與做「顯示:無;」。我對information_list使用visibility =「hidden」,刪除了display:none;在與滾動子元素,並切換,它的工作。

也許採取顯示:無;從HTML中出來並嘗試在CSS(以防將有不同的功能),或者在頁面從可見性回到顯示之後由javascript觸發。

..好吧,只是試圖用CSS。這是行不通的。我想如果你想在該元素上使用display:none(它是父母),你需要用js來觸發它。

+0

謝謝craniumonempty - 這似乎使滾動條工作。 – David

+0

感謝您的詳細澄清。這似乎是非常棘手的問題得到解決 – David

0

你有你的JavaScript的一些錯誤,必須改正,否則JavaScript執行停止,這是很難理解什麼可行,什麼不可行。的錯誤是:

document.getElementById(link+'_'+i).className="almenu"; (line 114) 

的document.getElementById(鏈接+ 「_」 + i)爲空

document.images.menu5.src='assets/img/nav_contact.png'; (line 129) 

document.images.menu5是不確定的

+0

Ciao Nicola - 感謝您提供的信息 - 儘管我仍然沒有解決滾動條問題,但我編輯了這些功能。你有沒有想法? – David

+0

@大衛你應該發佈你的代碼,以便更容易幫助。嘗試僅發佈與問題相關的代碼。發佈您的標記。 –

+0

我目前使用下面下面的代碼爲tinyscrollbar <腳本類型= 「文本/ JavaScript的」> \t $(文件)。就緒(函數(){ \t \t $( '#scrollbar1')。tinyscrollbar( ); }); \t 正如你可以在我的演示http://www.luminous-living.com/issue/(信息> about)中看到的那樣,儘管某些東西似乎阻止了滾動功能 - 它不起作用。 – David