Div显示/隐藏在部分视图中不起作用

Question

基于视图包的内容，我有一个局部视图，我想显示div并在几秒钟后淡出，为此，我正在使用jQuery。 如果将代码放在主视图中，一切都可以正常工作。 不幸的是，我想在部分视图中弹出该窗口。 下面给出的代码

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="error_Msg_div" class=" " data-label="canccelled" data-left="0" data-top="0" data-width="0" data-height="0" style="display:block;position: absolute !important; left: 600px !important ;" > @if (!string.IsNullOrEmpty(ViewBag.Message)) { <!-- Unnamed (Rectangle) --> <div id="error_text" class="ax_default label"> <!-- Unnamed () --> <div id="error_msg" class="text"> <p><span>@ViewBag.Message</span></p> </div> </div> } </div> <div> @if (!string.IsNullOrEmpty(ViewBag.Message)) { <script type="text/javascript"> alert("error"); $("#error_Msg_div").show(); $("#error_Msg_div").fadeOut(5000); </script> } </div> 

在这里，即使JavaScript alert也可以正常工作。 但是“显示和淡出”功能不起作用。

Answer 1

将脚本移到要操作的div之外（之后）。 打开chrome开发人员工具，然后发布您在控制台中发现的所有剩余错误。

Answer 2

请找到以下答案

<div id="error_Msg_div" class=" " data-label="canccelled" data-left="0" data-top="0" data-width="0" data-height="0" style="display:block;position: absolute !important; left: 600px !important ;">


    @if (!string.IsNullOrEmpty(ViewBag.Message))
    {
    <!-- Unnamed (Rectangle) -->
        <div id="error_text" class="ax_default label">

            <!-- Unnamed () -->
            <div id="error_msg" class="text">
                <p><span>@ViewBag.Message</span></p>
            </div>
        </div>
    }
</div>
    <script type="text/javascript">
        $(document).ready(function () {
            if ('@ViewBag.Message' == '') {

                alert("error");

                $("#error_Msg_div").show();
                $("#error_Msg_div").fadeOut(5000);
            }
        });

    </script>

您需要在加载视图时调用javascript函数