Javascript无法在PartialView上运行

Question

我正在将MVC4与C＃和Razor一起使用，以制作一个简单的Web应用程序。

在我的控制器中，我有一个方法可以返回显示给用户的局部视图，在这种情况下为模式弹出窗口：

public ActionResult GetPackageDetails(int id)
{ 
    return PartialView("_EditPackageModal", new ModalEditPackage());
} 

局部视图是一个模态弹出窗口，如预期的那样显示，但未运行任何javascript：

@model SuperApp.Model.ModalEditPackage

<div class="modal fade bs-example-modal-lg" id="editPackageModal" tabindex="-1" role="dialog" aria-labelledby="editPackages" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">Edit Package @Model.packageName</h4>
            </div>
            <div class="modal-body">

                <div>
                    <label class="control-label">Package Name: </label>
                    <input type="text" class="form-control" id="package-name" placeholder="@Model.packageName">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

这是我希望在部分视图上运行的javascript代码：

<script>
    $("input").click(function () {
        alert("hello world!");
    });
</script>

看完这个问题：

• 不要在PartialView中运行javascript函数

我意识到我必须在局部视图中包含脚本。 总结一下：

1. 部分视图无法运行我项目中的JS代码。
2. 局部视图仅运行使用<script>标记在局部视图中直接指定的JS代码。

现在，在此示例中这很好，但是在现实世界中，我有几个脚本可用于部分视图，而且它们很大。 此外，客户端已经下载了它们，因为它们正在其他视图中使用，并且由于我正在使用捆绑软件，所以我不知道如何告诉局部视图脚本的位置。

有没有一种方法可以解决此问题，而无需将脚本直接砸到部分视图中？

Answer 1

为所有模态或html块赋予唯一的名称。 使您的js代码如下所示：

$(document).on('click', '#yourSpecifiedDomElement input','click',function(){
    alert("hello world!");
});

将您所有的JavaScript代码放入捆绑包中包含的指定js文件中。