在网站上使用 jScrollPane。不会用滚轮滚动。怎么了？

发布于 2024-12-22 03:15:14 字数 462 浏览 2 评论 0 原文

站点示例： http://ec2- 107-22-119-73.compute-1.amazonaws.com/index.php/info/databases

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

我无法让滚轮工作。

如果您无法从 URL 看出，我的网站是一个表达式引擎网站。使用 Coldfusion 和类似的垃圾来构建页面。

有人吗？（我尝试寻找这个问题，但似乎没有人根本无法使滚动工作。）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

荒人说梦 2024-12-29 03:15:14

确保 JavaScript/CSS 文件的路径命名正确并且不会引发 404 错误。

确保资产有效链接的最简单方法是使用 {site_url} 单个全局变量在链接模板中的资源时：

<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 类型基于模板类型。然而，它确实使阅读和调试源代码变得更容易，并且更像是一种标准做法。

可以理解的是，许多初学者参考并借用了 Agile Records ExpressionEngine 主题中的代码在新的 EE 安装期间可用，因此很容易识别 EllisLab 的标记和架构方法 - 无论是好是坏。

奖励：从 CSS URL 中删除 ExpressionEngine 中的缓存破坏时间戳 (v.1324329515)，使用 {path} 变量而不是 <代码>{stylesheet} 变量：

// 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}" />

Ensure the paths to your JavaScript/CSS files are named appropriately and aren't throwing 404 errors.

The easiest way to ensure valid links to your assets is to use the {site_url} single global variable when linking assets in your templates:

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

Which would result in the following:

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

Since you're using ExpressionEngine's templates for your CSS — as opposed to flat files — you may want to give those template names a .css file extension.

So instead of:

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

You'd have:

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

This isn't absolutely necessary since EE will set the proper text/css MIME type based on the template type. However, it does make reading and debugging the source code easier, and is more of a standard practice.

Understandably, many beginners reference and borrow code from the Agile Records ExpressionEngine Theme that's available during new EE installations, so it's easy to recognize EllisLab's approach to markup and architecture — be it for the better or worse.

Bonus: remove the cache-busting timestamp (v.1324329515) in ExpressionEngine from CSS URLs, use the {path} variable instead of the {stylesheet} variable:

// 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}" />

回复收藏 0 原文

~没有更多了~