Question

我遇到的问题是：我的HTML视图中有一些JQuery代码可以在我的谷歌浏览器浏览器上正常工作，但在另一台机器（服务器）谷歌浏览器上使用相同的代码（如果在iiS上发布，则jQuery停止工作。） p>

在浏览器中启用了jS但是为什么没有选择这个jQuery代码？请指教。

在路径中添加所有JS / jQuery文件时SOURCE HTML出错：

<span id="View1">

<section class="gage-wrap">
    <div class="container-fluid stretch">
        <div class="row no-gutter">

            <div class="col-lg-3">
                <div class="row no-gutter">

                    <!----- Avg Handle Meter ------>

                    <div class="col-lg-12 gage">
                        <h1>Avg Handle Time (Sec)</h1>
                        <canvas id="avg_handle_meter" width="285" height="170">
                            Canvas not available.
                        </canvas>
                        <span id="avg_handle_value">@ViewBag.averageHandleTime</span> <!---Print Speed -->

                    </div>

                    <!----- Avg Handle Meter End ------>
                    <!----- Avg Speed Meter ------>
                    <div class="col-lg-12 gage">
                        <h1>Avg Speed of Answer (Sec)</h1>
                        <canvas id="avg_speed_meter" width="285" height="170">
                            Canvas not available.
                        </canvas>
                        <span id="avg_speed_value">@ViewBag.averageSpeedOfAnswer</span> <!---Print Speed -->
                    </div>

                    <!----- Avg Speed Meter End ------>

                </div>
            </div><!--/col-md-3-->

            <div class="col-lg-6">
                <div class="row no-gutter">

                    <!----- Service Level Meter ------>

                    <div class="col-lg-12 gage">
                        <h1>Service Level %</h1>
                        <canvas id="service_level_meter" width="580" height="333">
                            Canvas not available.

                        </canvas>

                        <span id="service_level_value">@ViewBag.serviceLevel</span><!---Print Speed -->
                    </div>


                    <!----- Service Level Meter End ------>


                    <div class="col-lg-12 gage time">
                        <h1>Longest Call in Queue</h1>

                        <span>@ViewBag.longestCallInQueue</span>
                    </div>
                </div>
            </div><!--/col-md-6-->
            <div class="col-lg-3">
                <div class="row no-gutter">

                    <!----- Total Calls Meter ------>

                    <div class="col-lg-12 gage">
                        <h1>Total Calls in Queue</h1>
                        <canvas id="total_calls_meter" width="285" height="170">
                            Canvas not available.
                        </canvas>
                        <span id="total_calls_value">@ViewBag.callsInQueue</span><!---Print Speed -->
                    </div>

                    <!----- Total Calls Meter End ------>
                    <!----- Abandoned Rate Meter ------>

                    <div class="col-lg-12 gage">
                        <h1>Abandoned Rate %</h1>
                        <canvas id="abandoned_rate_meter" width="285" height="170">
                            Canvas not available.
                        </canvas>
                        <span id="abandoned_rate_value">@ViewBag.abandRate</span><!---Print Speed -->
                    </div>

                    <!----- Abandoned Rate Meter End ------>


                </div>
            </div><!--/col-md-3-->

        </div><!--/row-->
    </div><!--/container-fluid-->
</section><!--/gage-wrap--><!--/gage-wrap-->

        <footer style="margin-top:8%">
            <p>Powered by Expertflow BI Services</p>
        </footer>



        @*<script type="text/javascript" src=""></script>*@



</span>            


<span id="View2">
    <div id="div2">
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <h1>High ARPU - H+HVC</h1>
                    </div>
                </div>
            </div>
        </header>

        <section class="the-table">
            <div class="container-fluid">
                <div class="row no-gutter row-eq-height">
                    <div class="col-md-2 col-sm-6">
                        <em><span>Logged In Agents</span></em>
                        <span><span>@ViewBag.loggedInAgents</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>On Calls</span></em>
                        <span><span>@ViewBag.onCalls</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Agents In Ready</span></em>
                        <span><span>@ViewBag.agentsInReadyState</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Agents In Not Ready</span></em>
                        <span><span>@ViewBag.agentsInNotReadyState</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Agents In Wrapup</span></em>
                        <span><span>@ViewBag.agentsInWrapup</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Reserved Agents</span></em>
                        <span><span>@ViewBag.reservedAgents</span></span>
                    </div>
                </div><!--/row-->
                <div class="row no-gutter">
                    <div class="col-md-2 col-sm-6">
                        <em><span>Calls Offered</span></em>
                        <span><span>@ViewBag.callsOffered</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Calls Answered</span></em>
                        <span><span>@ViewBag.callsAnswered</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Calls Abandoned</span></em>
                        <span><span>@ViewBag.callsAbandoned</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Calls In Queue</span></em>
                        <span><span>@ViewBag.callsInQueue</span></span>
                    </div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Longest Talk Duration</span></em>
                        <span><span>@ViewBag.longestTalkDuration</span></span>
                    </div>
                    <div class="clearfix visible-xs"></div>
                    <div class="col-md-2 col-sm-6">
                        <em><span>Abandoned %</span></em>
                        <span><span>@ViewBag.AbandRate</span></span>
                    </div>
                </div><!--/row-->
            </div><!--/container-fluid-->
        </section><!--/the-table-->

        <section class="the-table wide">
            <div class="container-fluid">
                <div class="row no-gutter">
                    <div class="col-md-12">
                        <em class="large">Service Level %</em>
                        <span class="large">@ViewBag.serviceLevel</span>
                        <div class="clearfix visible-xs"></div>
                        <em>AHT (Sec)</em>
                        <span>@ViewBag.averageHandleTime</span>
                        <em>ASA (Sec)</em>
                        <span>@ViewBag.averageSpeedOfAnswer</span>
                        <em>Max Time In Queue</em>
                        <span>@ViewBag.longestCallInQueue</span>
                    </div>
                </div><!--/row-->
            </div><!--/container-fluid-->
        </section><!--/the-table-->

        <footer>
            <p>Powered by Expertflow BI Services</p>
        </footer>





    </div>
</span>

   <script type="text/javascript" src="~/jsNew/bootstrap.min.js"></script>
   <script type="text/javascript" src="~/jsNew/service-level-meter.js">   </script>
   <script type="text/javascript" src="~/jsNew/avg-handle-meter.js"></script>
   <script type="text/javascript" src="~/jsNew/total-calls-meter.js"></script>
   <script type="text/javascript" src="~/jsNew/avg-speed-meter.js"></script>
   <script type="text/javascript" src="~/jsNew/abandoned-rate-meter.js"></script>
   <script type="text/javascript" src="~/js/bootstrap.min.js"></script>


  <script type="text/javascript" src="~/js/jquery-latest.min"></script>
  <script src="~/js/jquery.min.js"></script>
  <script src="~/js/jquery-1.6.2.min.js"></script>
  <script src="~/js/jquery-ui-1.8.16.custom.min"></script>



<script>
$(document).ready(function () {  

function ToggleFunction() {
    $('#View2').hide();

    alert("HELLO from VIEW1")
    myVar = setTimeout(SecondView, 11000);


}

function SecondView() {
    $('#View1').hide();
    alert("HELLO from VIEW2")
    $('#View2').show();
}

});
</script

Test

Answer 1

你的jquery.min.js把它放在你所有其他js文件之上。 Jquery库必须在其余的jquery插件之前加载

'A'

现在加载其他js

<script type="text/javascript" src="~/js/jquery-latest.min"></script> <script src="~/js/jquery.min.js"></script> <script src="~/js/jquery-1.6.2.min.js"></script> <script src="~/js/jquery-ui-1.8.16.custom.min"></script>

jQuery代码无法在Browser上运行

1 个答案: