在網站上使用jScrollPane。不會滾動w /滾輪。怎麼了？

網站例如：http://ec2-107-22-119-73.compute-1.amazonaws.com/index.php/info/databases 在網站上使用jScrollPane。不會滾動w /滾輪。怎麼了？

工作實例：http://jscrollpane.kelvinluck.com/mwheel_intent.html

我不能讓滾輪的工作。

如果你不能從URL中知道，我的網站是一個表情引擎網站。使用這樣的ColdFusion和垃圾來構建頁面。

有人嗎？（我試圖尋找這個問題，但沒有人似乎根本無法使滾動工作。）

2011-12-19 coreyzev

之前，它不是工作。我沒有用.js命名這些文件，因爲它看起來並不像他們需要我那樣愚蠢。我只是確定了命名。它仍然沒有工作。所以我張貼在這裏。我剛剛清除了緩存，現在它全部正常工作。謝謝StackOverflow。 – coreyzev 2011-12-19 20:27:43

消息給所有誰看到這一點：**請務必遵循開發商給你說明他的產品** 如果你正在使用JScrollPane的，你的頭的JS部分應該是這樣的： \t \t \t – coreyzev 2011-12-19 20:27:49

由於您自己解決了問題，因此應將解決方案作爲答案發布，然後接受它。 – 2011-12-20 18:52:15

確保您的JavaScript/CSS文件的路徑命名適當，不會引發404錯誤。

以確保有效的鏈接到你的資產的最簡單方法是使用{site_url}鏈接在你的模板資產時single global variable：

<script src="{site_url}/script/jquery.mousewheel.js"></script> 
<script src="{site_url}/script/jquery.jscrollpane.min.js"></script>

這將導致以下：

<script src="http://example.com/script/jquery.mousewheel.js"></script> 
<script src="http://example.com/script/jquery.jscrollpane.min.js"></script>

既然你'將ExpressionEngine的模板用於您的CSS —而不是平面文件—您可能希望爲這些模板名稱指定一個.css文件擴展名ñ。

所以不是：

<link rel="stylesheet" href="/index.php?css=site/master.v.1324329515" />

你必須：

<link rel="stylesheet" href="/index.php?css=site/master.css.v.1324329515" />

這也不是絕對必要的，因爲EE將設置適當的text/css MIME類型based on the template type。但是，它確實使得閱讀和調試源代碼變得更容易，而且更多的是標準做法。

可以理解的是，很多初學者參考並借用Agile Records ExpressionEngine Theme的代碼，這些代碼在新的EE安裝過程中可用，因此很容易識別EllisLab的標記和架構方法，無論是好還是壞。

獎勵：從CSS的URL刪除ExpressionEngine的緩存清除時間戳（v.1324329515），而不是使用的{stylesheet}變量{path}變量：

// With Cache-Busting String Appended 
// http://example.com/index.php?css=site/master.css.v.1324329515" 
<link rel="stylesheet" href="{stylesheet=site/master}" /> 

// Without Cache-Busting String 
// http://example.com/index.php/site/master.css 
<link rel="stylesheet" href="{path=site/master}" />

來源

2011-12-20 18:44:25 rjb

在網站上使用jScrollPane。不會滾動w /滾輪。怎麼了？

回答

相關問題