Question

此代码在MVC4中的视图内，其中ViewData["Success"]包含来自控制器的bool值并且它已经完成了，但是它已经正常运行了，但是

$("h4.alert_success").css('display', 'block').fadeOut(5000);

未在浏览器中显示提示：此代码：

$("h4.alert_success").css('display', 'block').fadeOut(5000);

在项目内的另一个位置正常工作

@if (ViewData["Success"] != null && (bool)ViewData["Success"]==true)
{
    <script type="text/javascript">
        alert("success");
        $("h4.alert_success").css('display', 'block').fadeOut(5000);
    </script>
}

Answer 1

尝试包含jQuery库并在DOM ready handler $(document).ready(function() {....})或更短的$(function() {...});中添加代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript">
    $(function(){
        alert("success");
        $("h4.alert_success").css('display', 'block').fadeOut(5000);
    });
</script>

Answer 2

您需要推迟执行，直到DOM准备就绪：

<script type="text/javascript">
 $(function(){
    alert("success");
    $("h4.alert_success").css('display', 'block').fadeOut(5000);
  });
</script>

Jquery代码在Razor中不起作用

2 个答案: