Использование jquery mobile framework с MVC3

#jquery-mobile

#jquery-мобильный

Вопрос:

У меня проблема с URL-ссылкой в моем приложении MVC, когда я использую мобильные библиотеки jquery

вот ссылка на мой заголовок

 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
  

Пример

 http://www.mysitename.com
  

если я перейду http://www.mysitename.com/home/audit это работает нормально, но если я нажимаю любую кнопку ссылки в своем приложении, оно начинает добавлять #, а затем URL выглядит какhttp://www.mysitename.com/home/audit#home/audit

Единственный раз, когда это происходит, когда я использую jquery mobile framework

Комментарии:

1. К вашему сведению, вы используете старую версию JQ Mobile. Сейчас версия 1.0 Alpha 4.1 и ее можно загрузить с jquerymobile.com/download . Он по-прежнему содержит ошибки, но более стабилен, чем используемая вами версия.

Ответ №1:

Jquery mobile оборачивает все ссылки так, что по умолчанию он будет отправлять ajax-запрос. Если вы не хотите такого поведения, добавьте атрибут rel=»external» к вашему тегу a, как показано ниже.

 <a href="multipage.html" rel="external">Multi-page link</a>
  

Вы можете прочитать документацию для получения более подробной информации

http://jquerymobile.com/demos/1.0rc1/docs/pages/page-navmodel.html

Комментарии:

1. Я бы также добавил, что вы можете отключить функции AJAX по всем направлениям, просто установив ajaxEnabled в false в mobileinit: jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html

Ответ №2:

Если вы не хотите указывать # в своем URL-адресе и хотите чистый URL-адрес, вы можете использовать атрибут target тега anchor. Вы можете использовать тег привязки, используя следующие 2 технические приемы в MVC

1) Прямое включение тега привязки

Текст ссылки

если вы используете jQueryMobile, вы также можете указать data-role=»button», чтобы привязанный тег выглядел как button

2) Использование HTML Helper

@Html.ActionLink(«Выход из системы», «LogOff», «Учетная запись», null, new { target = «_self» })

В обоих приведенных выше случаях мы не устанавливаем атрибут target=»_self» тега привязки, ничего другого. Дайте мне знать, будет ли это работать для вас или нет.