文档加载后在视图中运行脚本 - ASP.NET MVC3

Question

我的视图中有以下代码：

 @if (TempData["Success"] != null)
  {
    if ((bool)TempData["Success"] == true)
      {
       <script type="text/javascript">@Html.Raw("ShowUIModal('Success','Message Successfully Sent!');") </script>
      }
    else
      {
       <script type="text/javascript">@Html.Raw("ShowUIModal('Message sending Failed!!', 'Please try again!');") </script>
      }
  }

在 chrome 控制台中，它会记录 -“Object [object Object] 没有方法‘modal’”。我知道它在那里是因为在执行上述代码时没有加载 jquery-ui.js，因为当我在视图加载后单独运行此代码时，它工作正常：

ShowUIModal('Message sending Failed!!', 'Please try again!');   // it works fine after page loads.

那么，加载完所有的js文件后如何执行呢？非常感谢您，感谢您的帮助。

Answer 1

您可以尝试做的是，由 TempData 对象设置一个隐藏的输入及其数据成功属性，然后您可以通过 Jquery 或 DOM 上的 JavaScript 检索它并显示您的模态弹出窗口。

<input type = "hidden" id="Status" data-success = @TempData["Success"]></input>

在页面头部的脚本标签中，

<script>
$(document).ready(function(){
var status = $('#Status').attr('data-success');
if(status == true){
// Your - ShowUIModal() here
}
else
{
// Your else code here
}
});
</script>