2013-09-06 5 views
0

я следующий код в index.html:Jquery мобильной ссылка на локальный файл

<a data-ajax="false" rel="external" href="../Info/BasicDefinition.pdf" 
data-theme="c" data-iconpos="top" data-icon="arrow-d" data-role="button">Structure</a> 

Но я получаю сообщение об ошибке 404 - файл не найден после щелчка по ссылке structure. Что я должен изменить? Я хочу открыть файл .pdf из браузера. Моя файловая структура (MPSR - корневой каталог моего веб-сайта)

-MPSR 
-----index.html 
-Info 
-----BasicDefinition.pdf 
+0

Так информация папка находится вне корневой папки вашего веб-сайта? Если это так, вы не можете получить доступ к файлу. – melancia

+0

без jquery я могу получить доступ! – isxaker

+0

Я не вижу jQuery в вашем коде. Или ваша корневая папка веб-сайта на самом деле не MPSR. Невозможно получить доступ к папкам из корневого, если у вас нет виртуальных папок, установленных в IIS. – melancia

ответ

1

Образцы без Ajax

ссылки, которые указывают на другие домены или которые имеют отн = "внешний", данных Аякса = «false» или целевые атрибуты не будут загружаться с помощью Ajax. Вместо этого эти ссылки вызовут полное обновление страницы без анимированного перехода. Оба атрибута (rel = «external» и data-ajax = «false») имеют одинаковый эффект, но при связывании с другим сайтом или доменом следует использовать другое семантическое значение: rel = «external», а data-ajax = false "полезно для простого выбора страницы в вашем домене из-за загрузки через Ajax. Из-за ограничений безопасности структура всегда выбирает ссылки на внешние домены из поведения Ajax.

Источник: http://jquerymobile.com/demos/1.0.1/docs/pages/page-links.html

Таким образом, вы можете удалить rel="external" из тега, и он должен работать.

Я не могу отправить это на jsFiddle, так как это не будет работать, но я проверил здесь, и она работала хорошо: структура

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page Title</title>  
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> 
     <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script> 
    </head> 
    <body> 
     <div data-role="page"> 
      <div data-role="header"> 
       <h1>Page Title</h1> 
      </div> 
      <div data-role="content"> 
       <p> 
        <a data-ajax="false" href="../info/test.txt" data-iconpos="top" data-icon="arrow-d" data-role="button">Link</a> 
       </p> 
      </div> 
      <div data-role="footer"> 
       <h4>Page Footer</h4> 
      </div> 
     </div> 
    </body> 
</html> 

Папка:

\test 
    \info 
     \test.txt 
    \root 
     \index.html 
+0

но я пробовал. не wotk ( – isxaker

+0

Обновлен ответ с тестом – melancia

+0

Я не сейчас, но я не работаю! ссылка выглядит ..... \ MPSR \ info \ test.txt. Не поднимайтесь на дерево = ( – isxaker

Смежные вопросы