2010-12-19 27 views
17
jQuery(document).ready(function(){ 
    $("#red-products").hide(); 
    $("#content-info").click(function(event){ 
     $("#red-products").hide(); 
     $("#red-information").show(); 
    }); 

    $("#content-product").click(function(event){ 
     $("#red-information").hide(); 
     $("#red-products").show(); 
    }); 

    $("#more").click(function(event){ 
     load(this.href); 
     return false; 
    }); 

}); 

Gördüğünüz gibi, varsayılan olarak #red-products gizlidir ve #red-information görünürdür. Bazen #red-products gösterip #red-information gizlemek içinjQuery kullanarak URL için #anchor al?

http://localhost/networks2/profile.php?id=1&offset=1#products

gibi bir şey anlamına #red-products görünür ve #red-information gizli olmak istiyorum. Ve

http://localhost/networks2/profile.php?id=1&offset=1#information

#red-products gizlemek ve #red-information göstermek.

jQuery'yi kullanarak URL'den bağlantıyı nasıl okuyabilirim ve uygun bölümleri gizle/gösterebilir miyim? Bu, hem gizler

$("#red-products, #red-information").hide(); 
$("#red-" + (window.location.hash.replace("#", "") || "information")).show(); 

başlangıçta sonra hasd göstermek (#red-hashhere): Bununla

$("#red-products").hide(); 

: İlk saklambaç değiştirebilir

cevap

36

bu değiştirerek, window.location.hash dayalı olması veya varsayılan olarak #red-information'u şu an gösterdiğiniz gibi gösterme.

+0

Bunu anlamıyorum işe yaramıyor: | –

+0

@Adam - bu çok yararlı bir açıklama değil :) Neler işe yaramıyor? URL'leri tam olarak sorunuzda olduğu gibi mi kullanıyorsunuz? –

+0

ups konum yanlış konum h: D teşekkürler alot matee! –