jquery - 自定义 Web 部件在一页上多次出现问题

Question

我目前正在开发一个 Web 部件，该部件运行一些 jquery，并在其中的某些元素上具有切换功能。我的问题是，这个 webpart 应该在同一个 webpart 页面上使用多次，我发现这给我带来了很多麻烦，因为 javascript 将多次加载到页面上，试图触发相同元素上的功能。

我认为创建几个方法来改变不同的值是很聪明的，但最终我遇到了同样的问题。

所以现在我没有想法了，而且我的 jquery 和 javascript 技能也很有限。因此，任何帮助、示例、指示 - 任何能让我更接近解决方案的东西，我都会非常感激。

jquery 脚本:

$(document).ready(function (){ 
      $('.togglingDiv').find('dd').hide().end().find('dt').click(function() {
             $(this).next().slideToggle("fast");
      });
});

jquery 正在切换的 HTML:

<dl class="togglingDiv">
    <dt>Lorem ipsum</dt>
    <dd>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    <dt>Lorem ipsum</dt>
    <dd>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
    <dt>Lorem ipsum</dt>
    <dd>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
 </dl>

Answer 1

您可以让您的 Web 部件使用 ClientScriptManager 加载 javascript 。像这样的东西只会包含脚本一次:

ClientScriptManager scriptManager = this.Page.ClientScript;

if (!scriptManager.IsClientScriptIncludeRegistered("scriptName"))
    scriptManager.RegisterClientScriptInclude("scriptName", "scriptUrl");

您还可以使用.RegisterClientScriptBlock如果您无法使用外部文件。