如何命名特定于在ASP.NET MVC中封装它的div id的Javascript函数

如何命名特定于在ASP.NET MVC中封装它的div id的Javascript函数,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我有一个局部视图,我尝试将其加载到cshtml文件中两次 现在在我的局部视图中,我还有一个javascript函数。此时,当我加载 在cshtml页面上,我将有两个同名的Javascript函数 我希望避免这种情况,并根据将局部视图绑定到的模型对Javascript函数进行唯一命名 请不要,我可以通过将partial中的每个控件与诸如“@Model.Id”之类的参数相关联来实现其唯一性。但我无法将同样的东西应用于Javascript函数的唯一性 我很抱歉我的英语不好。如果您需要其他详细信息,请告

我有一个局部视图,我尝试将其加载到cshtml文件中两次

现在在我的局部视图中,我还有一个javascript函数。此时,当我加载 在cshtml页面上,我将有两个同名的Javascript函数

我希望避免这种情况,并根据将局部视图绑定到的模型对Javascript函数进行唯一命名

请不要,我可以通过将partial中的每个控件与诸如“@Model.Id”之类的参数相关联来实现其唯一性。但我无法将同样的东西应用于Javascript函数的唯一性


我很抱歉我的英语不好。如果您需要其他详细信息,请告诉我。

您可以使用单个javascript函数对每个控件进行操作,而不是为每个部分使用许多具有不同名称的函数。例如,您可以为这些控件分配一个类,然后以附加到此类名的所有控件的形式编写函数

现在,该函数可以在一个单独的javascript文件中声明,而不必在一个部分中混合标记和javascript,这是一个糟糕的设计。然后,可以使用标准jQuery语法将插件简单地附加到该类的所有控件:

$(function() {
    $('.someClass').myFunction();
});
您还可以使用DOM元素上的HTML5 data-*属性来关联一些元数据,例如来自模型的唯一标识符。然后可以在jQuery插件中访问此元数据

例如:

<div class="someClass" data-id="@Model.Id">
    This is some div with associated metadata
</div>

这是一个具有关联元数据的div

您可以使用一个javascript函数对每个控件进行操作,而不是为每个部分使用许多不同名称的函数。例如,您可以为这些控件分配一个类,然后以附加到此类名的所有控件的形式编写函数

现在,该函数可以在一个单独的javascript文件中声明,而不必在一个部分中混合标记和javascript,这是一个糟糕的设计。然后,可以使用标准jQuery语法将插件简单地附加到该类的所有控件:

$(function() {
    $('.someClass').myFunction();
});
您还可以使用DOM元素上的HTML5 data-*属性来关联一些元数据,例如来自模型的唯一标识符。然后可以在jQuery插件中访问此元数据

例如:

<div class="someClass" data-id="@Model.Id">
    This is some div with associated metadata
</div>

这是一个具有关联元数据的div

为了实现这样的场景,您可以使用
数据属性

例如,我们有相同的html代码被一个div包围,这些div有不同的id

每个div都有一个
数据属性
,使用jquery可以捕获事件(如单击)

现在编写示例代码

HTML

<div id="id1" data-attribute="doSomething">Element</div>
<div id="id2" data-attribute="doSomething">Element</div>

我正在使用Jquery来实现它

注意,您也可以通过定义class属性来实现它。
但我认为,当您实际需要一个类时,您应该使用它,否则请使用自定义属性,如
data value=“something”
,以便实现这样的场景,您可以使用
data attribute

例如,我们有相同的html代码被一个div包围,这些div有不同的id

每个div都有一个
数据属性
,使用jquery可以捕获事件(如单击)

现在编写示例代码

HTML

<div id="id1" data-attribute="doSomething">Element</div>
<div id="id2" data-attribute="doSomething">Element</div>

我正在使用Jquery来实现它

注意,您也可以通过定义class属性来实现它。 但我认为,当您实际需要一个类时,应该使用它,否则就应该使用自定义属性,如
data value=“something”