Ссылки MVC не работают в среде мобильных приложений jquery

Я работаю над тем, чтобы превратить свой существующий веб-сайт MVC в дружественный для мобильных устройств. У меня возникают проблемы при нажатии на ссылки, это показывает пустую страницу. Если я удалю следующие ссылки в _Layout.Mobile.cshtml

@System.Web.Optimization.Scripts.Render("~/bundles/jquery")
@System.Web.Optimization.Scripts.Render("~/bundles/jquerymobile")

Тогда он работает нормально, но я теряю все стили и текст на веб-странице выглядит очень маленьким. Я использую эмулятор Opera Mobile для тестирования. Ссылки являются локальными и похожи на "localhost:62234/Articles/10".

Просто чтобы получить больше информации, я превращаю свой веб-сайт Framework 4.5 MVC в дружественный для мобильных устройств. Я добавил все необходимые библиотеки, и главная страница работает нормально. У меня возникают проблемы при нажатии ссылки на главной странице. Первоначально нажатие на ссылки ничего не делало, затем я провел некоторое исследование и обнаружил, что мне нужно добавить тег rel="external" к ссылкам, чтобы они работали. Теперь ссылки работают, но отображается пустая страница. Любая помощь с благодарностью.

1 ответ

Решение

Вот решение, которое я нашел, который наконец решил мою проблему. Вот как теперь выглядит мой код в _Layout.Mobile.cshtml

@System.Web.Optimization.Scripts.Render("~/bundles/jquery")
@System.Web.Optimization.Scripts.Render("~/bundles/jquerymobile")

<script type=”text/javascript” src=”@Url.Content("~/Scripts/jquery-2.0.2.min.js")"></script>
<script type=”text/javascript”>
    $(document).bind("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
    });
</script>
<script type=”text/javascript” src=”@Url.Content("~/Scripts/jquery.mobile-1.3.1.min.js")"></script>

Я нашел больше информации с этой проблемой здесь. Надеюсь, что это помогает другим

Другие вопросы по тегам