用户控件上的Tinyscrollbar在其他页面上不起作用

Tinyscrollbar on user control is not working on other pages

本文关键字：其他 不起作用 Tinyscrollbar 控件 用户      更新时间：2023-09-26

我有一个用户控件，当我在图标通知列表上使用鼠标悬停事件时，该控件包含一个通知图标，该图标通知列表显示有类似Facebook的滚动条。我使用了下面链接的自定义滚动条：

http://baijs.nl/tinyscrollbar/

我把这个链接中使用的.js文件的路径添加到了我的用户控制页面

我使用这个用户控件来主页和我项目的许多其他网页但是滚动条不工作

当我在每个页面中添加js的路径时，滚动条就可以工作了，但有很多页面我无法提供路径。

我应该如何解决这个问题？

编辑1

尝试

 <link href='<%= ResolveUrl("~/assets/css/website.css") %>' rel="stylesheet" type="text/css" />
 <script type="text/javascript" src='<%= ResolveUrl("~/assets/js/homebanner/jquery.tinyscrollbar.min.js") %>'></script>

使用解析url包含文件
<%=ResolveUrl("~/fielName.js"(%>；

<link href='<%= ResolveUrl(~/styles/MyStyles.css") %>' rel="stylesheet" type="text/css" />
<script type="text/javascript" src='<%= ResolveUrl("~/scripts/MyJScript.js")' %>">

在母版页中添加文件
并使用如上所述的文件路径

另一方面，你必须给出完整的路径类似

 <script type="text/javascript" src="http://yoursite/scripts/MyJScript.js">

我使用ScriptCombiner解决了这个问题。我在记事本中保存了javascript文件的路径(~/assets/js/homanner/jquery.tinyscrollbar.min.js(，并将其添加到App_Data文件夹中。我还将JavaScriptMinifier.cs和JavaScriptMinifer.cs添加到App_Code文件夹中。最后我添加了<%=ScriptCombiner。GetScriptTags("Site_Scripts"，2(%>到我的用户控件页和母版页，并从用户控件中删除。

相关文章：