javascript - MVC 部分 View Javascript

Question

我创建了一个部分 View 以供重复使用。该部分 View 有一个使用选择插件的下拉列表。因此，在部分 View 中，我引用了所选的 js/css 文件以及一些 javascript 代码以准备文档。

它按预期工作。但是，现在我有一个页面，可以在按钮单击事件时呈现部分 View 。用户可以根据需要多次点击。

我担心的是，每次单击按钮时都会加载重复的 js。这或许就是人们不建议直接在 Partial View 中添加 js 的原因。就我而言，它需要用于部分 View 本身内的插件和操作。有没有一个好的方法来检查加载的js并防止它在后续的点击事件中再次加载？

Answer 1

首次加载页面时，所选的 JavaScript 和 CSS 文件应包含在页面上。当用户单击按钮时，进行 Ajax 调用以包含部分内容。在 AJAX 请求的成功回调中，初始化刚刚注入(inject)到页面中的下拉列表的选择插件代码。

您是正确的，重复的 JS 和 CSS 文件将被加载，这绝对是您不想要的。

$.ajax(...)
    .done(function(data) {
        $("#foo")
            .html(data)
            .find("select")
            .each(function() {
                $(this).chosen({...});
            });
    });