Использование мобильного фреймворка jquery с MVC3

У меня проблема с 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


jquery-mobile
person Anthonty23    schedule 25.04.2011    source источник
comment
К вашему сведению, вы используете старую версию JQ Mobile. Сейчас это 1.0 Alpha 4.1, и его можно загрузить с jquerymobile.com/download. Она по-прежнему содержит ошибки, но более стабильна, чем используемая вами версия.   -  person Keith Adler    schedule 26.04.2011

Ответы (2)


arrow_upward
1
arrow_downward

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

person Yekmer Simsek    schedule 25.04.2011
comment
Я бы также добавил, что вы можете отключить функции AJAX по всем направлениям, просто установив для ajaxEnabled значение false в mobileinit: jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html - person Keith Adler; 26.04.2011

arrow_upward
0
arrow_downward

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

1) Прямой в якорном теге

Текст ссылки

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

2) Использование HTML-помощника

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

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

person Anand Patel    schedule 15.07.2011