asp.net用户控件调用js，主界面使用时会放置多个用户控件，只有一个的js会起作用

Question

asp.net用户控件调用js，主界面使用时会放置多个用户控件，只有一个的js会起作用

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在ASP.NET中，为了使一个JS脚本只对指定的用户控件有效，可以使用JavaScript事件委托（Event Binds）来实现。以下是一个简单的示例：

<script type="text/javascript">
    $(document).ready(function () {
        $('#myDiv').bind('click', function (event) {
            // 在这里执行你的JS逻辑
            alert("点击了div");
        });
    });
</script>

<div id="myDiv" style="background-color: red; width: 200px; height: 150px;"></div>

在这个例子中，我们创建了一个名为myDiv的div元素，并为它绑定了一个名为#myDiv的事件委托。当这个div被点击时，我们的JS逻辑就会被执行。

然后，在主页面上，你可以通过如下方式加载这个JS文件：

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")

<script src="@Url.Content("~/Scripts/myScript.js")"></script>

这将确保只有当主页面中的myDiv元素被点击时，才会运行myScript.js文件中的JS逻辑。

注意：以上代码仅用于演示目的，实际应用中可能需要根据具体需求进行调整。例如，你可能需要处理更复杂的事件或者添加更多的JS逻辑。