1

Possuo uma página que funciona normalmente. Porém acessei a aplicação pelo Internet Explorer 9, e o menu se comportou como se fosse um menu Mobile.

Segue a imagem para entender melhor:

Demonstração

Nos outros navegadores funcionam normalmente. Estou utilizando o BootStrap 3 e o JQuery 2.1.1

Segue meu layout:

@{
        Layout = null;
        ViewBag.Title = "";
    }
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jquerymask")
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <script src="~/Scripts/jquery.dataTables.min.js"></script>
    <script src="~/Scripts/jquery.jeditable.js"></script>
    <script src="~/Scripts/jquery.dataTables.editable.js"></script>
    <script src="~/Scripts/jquery-ui-1.11.2.min.js"></script>
    <link href="~/Content/themes/start/jquery-ui.css" rel="stylesheet" />
    <link href="~/Content/jquery.dataTables.css" rel="stylesheet" />
    <link href="~/Content/jquery.dataTables_themeroller.css" rel="stylesheet" />
    <script src="~/Scripts/select2.min.js"></script>
    <link href="~/Content/select2/css/select2-bootstrap.css" rel="stylesheet" />
    <link href="~/Content/select2/css/select2.css" rel="stylesheet" />
    <script src="~/Scripts/prettify.js"></script>
    <script src="~/Scripts/jquery.maskedinput.js"></script>
    <title>CETIL - Atendimento ao Servidor</title>
    <link href="~/Content/default.css" rel="stylesheet" type="text/css">
    <link href="@Url.Content("~/Content/Inicial.css")" rel="stylesheet" type="text/css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->




    <style type="text/css">
        .imageA {
            position: absolute;
            left: 500px;
            top: 0px;
        }

        .mapLocal {
            position: absolute;
            left: 115px;
            top: 60px;
            font-size:13px;
        }

        .Nome {
            position: absolute;
            left: 860px;
            top: 220px;
        }
    </style>
</head>

<body>
    <a><img src="~/Content/img/img_top.png" width="361" height="54" class="imageA"></a>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <br />
        <br />
        <br />
        @RenderSection("navigation", required: false)
        @Html.Partial("_MenuCompleto")

        <tr>
            <td height="93">@RenderBody()</td>
            <td></td>
        </tr>
        <tr></tr>
        <tr>
            <br />
        </tr>
        <tr>
            <td></td>
        </tr>

    </table>
    <table>
        <tr>
            <td height="19" align="center">
                <table width="450">
                    <tr>
                        <td></td>
                        <td width="198"></td>
                    </tr>
                </table>
            </td>
            <td></td>
        </tr>
        <tr>
            <td height="19" align="center">&nbsp;</td>
            <td></td>
        </tr>
        <tr>
            <td height="19" align="center">&nbsp;<p>@TempData["Mensagem"] @Html.ValidationSummary(true)</p></td>
            <td></td>
        </tr>
        <tr> <td height="19" align="center">&nbsp;</td> <td></td> </tr>
    </table>



    <div class="container body-content">

        <hr />
        <div align="center">
            <footer>
                <p>&copy; @DateTime.Now.Year - Portal RH - <a href="http://www.vilavelha.es.gov.br" target="_blank">Prefeitura Municipal de Vila Velha</a></p>
            </footer>
        </div>
    </div>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

E mesmo com o menu no formato como se fosse um aparelho mobile, ele não abre ao clicar no mesmo.

0

1 Resposta 1

1

O problema era a versão do JQuery. Coloquei a versão 1.7 do JQuery e a aplicação funcionou normalmente no IE 9 ao IE 11.

3
  • Jquery está na versão 1.11.2, usar versões desatualizadas com plugins atualizados é o que causa o problema. Está sua solução foi apenas um tiro de sorte (desculpe a sinceridade) :) Por favor tente atualizar tudo que for possivel.
    – Syzoth
    Commented 4/02/2015 às 20:34
  • Desculpe, é que sempre utilizei a versão 2.x, só fui voltei por causa deste problema. Mas estava olhando no site do JQuery, e ele possui 2 opções atualizadas. A 1.11.2 e a 2.1.3. A diferença entre as duas e so O suporte para o IE 6, 7 e 8? Ou possui alguma outra.
    – Randrade
    Commented 5/02/2015 às 11:02
  • Não é só IE antigo, iphone com ios5 e android2.* também não funcionam com jquery2.*, eu pessoalmente prefiro o jquery1.*
    – Syzoth
    Commented 5/02/2015 às 15:07

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .