Question

我有一个局部视图，基于视图包的内容我想显示div并在一秒后淡出，为此我使用jQuery。如果我把代码放在主视图中，一切正常。不幸的是我希望在Partial视图中弹出这个。代码如下：

＆＃13;

<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>

＆＃13;

这里甚至JavaScript alert都运行良好。但Show and Fade out不起作用。

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函数

Div show / hide在局部视图中不起作用

2 个答案: