Question

我有一个MVC应用程序，我使用了更多views，partial views。

在一个partial view中我有两个按钮：

<button type="submit" id="btnSilviPrioInvoiceShow" class="btn btn-success" onclick="javascript:test()">@Resources.Common.ShowInvoice</button>
<button type="submit" id="btnSilviPrioInvoiceGenerate" class="btn btn-success btnSilviPrioInvoiceGenerate">@Resources.Common.Generate</button>

当我点击这些按钮时，我需要在javascript中加入一些逻辑，但似乎没有引发onclick事件，当我点击按钮时它什么也没做。

按钮位于局部视图中，在“父”视图中我添加了代码：

  $("#btnSilviPrioInvoiceGenerate").on("click", function (e) {
         e.preventDefault();
         console.log("asas");
            //var companyId = $('input[name=IssuerCompanyId]:checked').val();
            var action_url = '@Url.Action("GenerateInvoiceDamage", "TimberMonitor", new { Area = "", id = @ViewBag.Id })';
            window.location = action_url;
            this.disabled = true;
        });

我试图在

中添加此代码

 $(document).ready(function () {

我试图添加到

之外添加

  $(document).ready(function () {

来自“父母”视图。

如果我尝试使用按钮中的onclick事件中定义的方法，

function test()
{
    console.log("test");
}

我收到test is not defined的错误。如果我将javascript代码放在局部视图中，那么它正在使用

  $("#btnSilviPrioInvoiceShow").on("click", function (e) {

，但所有的javascript代码都在“父”视图中，所以我认为最好添加javascript代码。你能建议吗？

Answer 1

按下按钮：

<input type="button" id="btnSilviPrioInvoiceShow" class="btn btn-success" onclick="test()">@Resources.Common.ShowInvoice</input>
    <input type="button" id="btnSilviPrioInvoiceGenerate" class="btn btn-success btnSilviPrioInvoiceGenerate">@Resources.Common.Generate</input>

Answer 2

如您所见，此示例正常运行，删除javascript:标签

＆＃13;

$("#btnSilviPrioInvoiceGenerate").on("click", function(e) {
  e.preventDefault();
  console.log("btnSilviPrioInvoiceGenerate clicked");
});

function test() {
  console.log("it is test function");
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="submit" id="btnSilviPrioInvoiceShow" class="btn btn-success" onclick="test()">@Resources.Common.ShowInvoice</button>
<button type="submit" id="btnSilviPrioInvoiceGenerate" class="btn btn-success btnSilviPrioInvoiceGenerate">@Resources.Common.Generate</button>

＆＃13;

按钮onclick无法正常工作

2 个答案: