javascript - MVC5中如何在单击href属性时显示带有按钮的对话框？

Question

我定义了一个 href 属性，如下所示:

<a href='#' class="need-buttons"><img src="~/Content/img/suggest1.png" class="need-buttons pull-right"></a>

重点是，当单击它时，我想在我的应用程序中显示一个弹出窗口或对话框，它会向用户询问问题，并给出是或否作为答案。然后根据按下的按钮，我想导航到不同的 View 。我很确定我需要使用 jQuery UI 来创建对话框，但是如何使用按钮创建它并为其分配不同的 View ，以及如何在按下 href 属性时触发它？

Answer 1

除非您愿意，否则不必使用 jquery。

<a href="javascript:chooser();" class="need-buttons"><img src="~/Content/img/suggest1.png" class="need-buttons pull-right"></a>

function chooser(){
    var res = confirm("Do you want to go to url1?");
    if(res === true){
        alert("option1"); // or document.location = 'url1';
    }
    else {
        alert("option2"); // or document.location = 'url2';
    }
}

如果你想制作自定义按钮，你可以使用 jqueryui 来做到这一点。这是JSFiddle这说明了如何做到这一点。请注意为了使 fiddle 工作而加载的外部资源。