javascript - 在哪里放置小部件的脚本引用(部分页面)

标签 javascript c# jquery asp.net-mvc

在 MVC5 asp.net 网站上工作。

我有一个“仪表板”页面,允许用户在页面上放置预定义的“小部件”。这些小部件只是 MVC 5 部分页面 (Razor)。我真的希望每个小部件都是“独立的”,因此所有引用、脚本等都在小部件的 cshtml 文件中。但是,主“仪表板”页面还需要对 jQuery、bootstrap 等的某些引用...

当然,这样做,我可能会遇到冲突、重复引用(一个来自主页,一个来自小部件)等....

问题:这个场景的首选方法是什么?像 jQuery 和 bootstrap 这样的引用应该只在主“仪表板”页面上吗?小部件本身中的 javascript 或 jQuery 代码呢?这应该保留在小部件中吗?如果是这样,我会遇到没有定义 jQuery 的问题(因为它在父页面中),等等......?

对此有任何想法吗?

谢谢!

**** 更新 ****

进一步澄清:如果我将脚本、引用等(特定于小部件)放在小部件的底部,那么当在主页上呈现部分页面时,脚本等不会呈现在主页的底部。由于呈现事物的顺序,这导致我的代码表现得很滑稽。这是我问这个问题的原因之一。希望这是有道理的。谢谢。

最佳答案

将应用程序全局的脚本代码和引用放在最外层的页面中,随处使用且不特定于小部件。

我会做的是,我会将我所有的脚本引用捆绑在一个地方,并将该捆绑链接添加到仪表板页面,这会使您的代码更清晰,并且您的页面将具有更少的外部引用,从而提高客户端性能。

关于javascript - 在哪里放置小部件的脚本引用(部分页面),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38862659/

相关文章:

jquery - 按钮激活/停用列表中的元素(复杂情况)

javascript - 为什么脚本标记中的 "&lt;/script&gt;"被视为结束标记,但 "<h1> hlo </h1>"不呈现任何内容?

c# - 如何降低 Switch case 语句的圈复杂度

javascript - 检测 jQuery 中的 Textarea 对象

Jquery 选择 checkbix 并构建要发送到数据库的 url

c# - C++ 引用与 C# 引用

javascript - 使用另一个数组过滤一个元素数组

javascript - 使用纯javascript跨浏览器从父级按类查找子元素

javascript - 来自数组的 ReactJS 动态复选框或 UI 组件

c# - 动态创建类型的性能