jQuery история кнопки "Назад" Вкладок UI

Question

jQuery история кнопки "Назад" Вкладок UI

Я думаю, что ключевой момент здесь состоит в том, чтобы перебрать все .post ... И для каждого есть 3 атрибута.

См. Комментарии в коде.

// Loop through each post
$(".post").each(function(){
  
  // Get the id
  var id = $(this).data("id");
  
  // Set the anchor's onclick
  $(this).find("a").attr("onclick","changeVideo('" + id + "');");
  
  // Set the poster and src
  $(this).find("video").attr({
    "poster":"https://WebSite" + id + "-.jpg",
    "src":"https://WebSite" + id + "-preview.mp4"
  });
  
});



first post

  
    
      
    
  


second post

Поиск id находится в атрибуте data- в [ 115] разметка элемента. Он также является родителем элемента, который вы хотите «обновить» ... Так что это хорошая отправная точка для получения id и .find() потомков. Цикл .each() - лучший способ правильно их обработать.

33

jquery user-interface tabs history back

задан CesarHerrera 18 May 2009 в 20:50

4 ответа

Другие вопросы по тегам:

jquery user-interface tabs history back

Похожие вопросы:

score 9 · Answer 1

I would suggest taking a look at this: http://www.asual.com/jquery/address/ it allows you to do deep linking, along with your AJAX calls.

9

ответ дан 27 November 2019 в 18:20

score 2 · Answer 2

It would appear that back button support is currently not built into the jQuery UI tabs: http://jqueryui.com/demos/tabs/#Back_button_and_bookmarking

2

ответ дан 27 November 2019 в 18:20

score 1 · Answer 3

Плагин jQuery History / Remote делает это. Создатели плагинов Tabs и History / Remote - это одно и то же лицо, и они работают вместе здесь .

score 38 · Answer 4

Я тоже с этим столкнулся. Это действительно просто с плагином адреса jquery здесь http://www.asual.com/jquery/address/

Демонстрация для вкладок казалась немного слишком сложной. Я только что сделал это:

$('document').ready(function() {
    // For forward and back
    $.address.change(function(event){
      $("#tabs").tabs( "select" , window.location.hash )
    })

    // when the tab is selected update the url with the hash
    $("#tabs").bind("tabsselect", function(event, ui) { 
      window.location.hash = ui.tab.hash;
    })
});