jquery адрес плагин -- javascript поле с участием jquery поле с участием ajax пол Связанный проблема

jquery address plugin issue


1
vote

проблема

русский

Я использую плагин jQuery Address, я реализовал плагин на странице списка, когда я нажимаю на одну из ссылок, функция будет вытащить данные, используя AJAX и получить содержимое и перезаписать текущий список HTML, это Страница имеет кнопку «Назад», я использую window.history.back (), чтобы вернуться к странице списка, эта работа отличается до этой точки, но после этого, когда я снова нажимаю на одну из ссылок, поведение адреса JQ потерянный .

Функция Open_ajax, используемая для вытягивания данных и вставлена ​​в Pagincontent HTML Div

 <код> $(document).ready(function(){     refreshjQAddress(); });  function refreshjQAddress(){     mainPath = "";      if($('.jqaddress').length > 0){         $.address.init(function(event) {             $('.jqaddress').address(function() {                  return $(this).attr('href');             });         }).internalChange('change', function(event) {             path = event.value;              var ran=Math.random();              urlPath = path;             console.log(urlPath);              alert(urlPath);             open_ajax(urlPath);             mainPath = urlPath;         }).externalChange(function(event) {             var windowLoc = window.location+"";              hashIndex = windowLoc.indexOf("#");              if(hashIndex > 0){                 newLoc = windowLoc.substring(hashIndex+1);                 mainLoc = windowLoc.substring(0,hashIndex);                 if(mainLoc.indexOf("http://") > -1){                     mainLoc = mainLoc.replace("http://","");                      indexOf = mainLoc.indexOf("/");                     mainLoc = mainLoc.substring(indexOf);                 }                  mainPath = mainLoc;                 windowLoc = newLoc;             }              if(mainPath == ""){                 mainPath = windowLoc;             }              if(windowLoc != mainPath){                     var ran=Math.random();                  open_ajax(windowLoc);                            }         }).history(true);     } }  var oldData; function open_ajax(path){        var ran=Math.random();      if(path.indexOf("?") > 0){         urlPath=path+'&'+ran;     }else{         urlPath=path+'?'+ran;     }      oldData = $('#paginatedContent').html();      $.ajax({         url: path,         async: false,         beforeSend:function(data){                       $('#paginatedContent').html("<div class='loaderDiv'><img src='/img/ajax-loader.gif' alt='' /></div>");          },         success: function(data) {             $('#paginatedContent').html("<div class='ajaxDataDiv' style='display:block'>"+data+"</div>");              if($("#hidden_meta_title").length > 0){                 document.title = $("#hidden_meta_title").html();             }              $(".relatedBannersAlbums").show();         }     }); }   function back_btn(){         window.history.back(); }   
Английский оригинал

I’m using jquery address plugin , I have implemented the plugin on a listing page , when I click on one of the links , the function will pull the data using ajax and get the content and overwrite the current list html , this page has ‘back’ button , I use window.history.back() to go back to the listing page , this work fine until this point , but after that when I click again on one of the links again , the jq address behavior is lost .

the open_ajax function used to pull the data and inserted in paginatedContent html div

$(document).ready(function(){     refreshjQAddress(); });  function refreshjQAddress(){     mainPath = "";      if($('.jqaddress').length > 0){         $.address.init(function(event) {             $('.jqaddress').address(function() {                  return $(this).attr('href');             });         }).internalChange('change', function(event) {             path = event.value;              var ran=Math.random();              urlPath = path;             console.log(urlPath);              alert(urlPath);             open_ajax(urlPath);             mainPath = urlPath;         }).externalChange(function(event) {             var windowLoc = window.location+"";              hashIndex = windowLoc.indexOf("#");              if(hashIndex > 0){                 newLoc = windowLoc.substring(hashIndex+1);                 mainLoc = windowLoc.substring(0,hashIndex);                 if(mainLoc.indexOf("http://") > -1){                     mainLoc = mainLoc.replace("http://","");                      indexOf = mainLoc.indexOf("/");                     mainLoc = mainLoc.substring(indexOf);                 }                  mainPath = mainLoc;                 windowLoc = newLoc;             }              if(mainPath == ""){                 mainPath = windowLoc;             }              if(windowLoc != mainPath){                     var ran=Math.random();                  open_ajax(windowLoc);                            }         }).history(true);     } }  var oldData; function open_ajax(path){        var ran=Math.random();      if(path.indexOf("?") > 0){         urlPath=path+'&'+ran;     }else{         urlPath=path+'?'+ran;     }      oldData = $('#paginatedContent').html();      $.ajax({         url: path,         async: false,         beforeSend:function(data){                       $('#paginatedContent').html("<div class='loaderDiv'><img src='/img/ajax-loader.gif' alt='' /></div>");          },         success: function(data) {             $('#paginatedContent').html("<div class='ajaxDataDiv' style='display:block'>"+data+"</div>");              if($("#hidden_meta_title").length > 0){                 document.title = $("#hidden_meta_title").html();             }              $(".relatedBannersAlbums").show();         }     }); }   function back_btn(){         window.history.back(); } 
</div
        

Список ответов

Связанный проблема

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

1  Если для JavaScript в XSLT не работает [дубликат]  ( If greater than javascript into xslt doesnt work ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

1  Функция валидации угловых JS Возвращает до завершения вызова API для проверки  ( Angular js validation function returns before the api call for validation is com ) 
<код> if (!validate()) { return; }; function validate() { var nameIsValid = ...

0  Разрежьте строку в JavaScript [Закрыто]  ( Cut the string in javascript ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Boxy Эта отправка не работает  ( Boxy this submit does not work ) 
У меня есть несколько форм в моем коде, и я хочу назначить подтверждающее поле, чтобы показать, прежде чем он будет отправлен. Следовательно, я использую Bo...

183  Вертикально центрирующее модальное окно Bootstrap  ( Vertically centering bootstrap modal window ) 
Я хотел бы центрировать мою модаль на ViewPort (Middle), я пытался добавить некоторые свойства CSS <код> .modal { position: fixed; top:50%; left:50%; } ...

5  модальный всплывающий как Google  ( Modal pop up like google ) 
Как сделать модальное всплывающее окно, как Gmail (когда мы пытаемся загрузить EXE, который генерирует крышки прокрутки страницы) ...

1  Обновление поле PDF штрих-кода в IOS и устройстве Android  ( Updating a pdf barcode field in ios and android device ) 
Я создал одну корпус Acrobat, используя радиообъекты, текстовое поле, кнопку, флажок и штрих-код в Adobe Acrobat Pro. После этого я открыл эту форму в Adobe...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

-2  Как мне получить значение флажков ряд в таблице JavaScript  ( How do i get value of a checkboxes of a row in a table javascript ) 
Это может быть глупым вопросом, но мне нужно получить значения проверенных флажков определенной строки. <код> script5 Так что в основном я хочу, чтобы по...

5  Пользовательский стиль на раскрывающемся меню React-Buttrap  ( Custom style on react bootstraps dropdown menu component ) 
Я пытаюсь применить пользовательский стиль CSS к компоненту RACH BETSTRAP, но не может понять, как получить доступ к элементам, которые не являются явными в J...

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

2  Как получить выделенные тексты?  ( How to get the highlighted texts ) 
Я пытаюсь получить выбранные тексты от пользователя (выделенный текст, который выделяет пользователь). У меня есть следующее: <код> function getSelectedTe...

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...