Ссылки 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>
Я нашел больше информации с этой проблемой здесь. Надеюсь, что это помогает другим