-1

マイページ: https://tornhq.com/WorkingOn/InteractiveMap/implementing.html

自分のページのタブの 1 つに直接リンクできるかどうかを知りたいです。たとえば、カナダの画像をクリックすると、その画像のコンテンツが読み込まれ、後で使用するためなどに使用されます。URLを入力して直接それを行うことは可能ですか?

Google マップにアクセスして周りを見回し、現在見ているものへの直接リンクを取得する方法と同様に?

例:

https://tornhq.com/WorkingOn/InteractiveMap/implementing.html#Current

サイドメニューの現在のタブに移動しますが、現在はありませんが、これは私ができるようにしたいことです.

敬具、ティム

編集:

別のタブスイッチャー: http://jsfiddle.net/3N4n2/

JQuery:

$('#tab-wrapper li:first').addClass('active');
$('#maps-slider li:first').addClass('active');
$('#tab-body > div').hide();
$('#Current > div').hide();
$('#tab-body > div:first').show();
$('#Current > div:first').show();

$('#tab-wrapper a').click(function() {
    $('#tab-wrapper li').removeClass('active');
    $(this).parent().addClass('active');
    var activeTab = $(this).attr('href');
    $('#tab-body > div:visible').hide();
    $(activeTab).show();
    return false;
});

$('#maps-slider a').click(function() {
    $('#maps-slider li').removeClass('active');
    $('#tab-wrapper li').removeClass('active');
    $(this).parent().addClass('active');
    $('#tab-wrapper #Current-Tab').addClass('active');
    var activeTab = $(this).attr('href');
    $('#Current > div:visible').hide();
    $('#tab-body > div:visible').hide();
    $('#Current > div:first').hide();
    $(activeTab).show();
    $('#tab-body > #Current').show();
    return false;
});

アップデート:

ライブバージョンを更新しました。現在は動作しています。使用したコードは次のとおりです。

// Parse URL Queries Method
(function($){
    $.getQuery = function( query ) {
        query = query.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
        var expr = "[\\?&]"+query+"=([^&#]*)";
        var regex = new RegExp( expr );
        var results = regex.exec( window.location.href );
        if( results !== null ) {
            return results[1];
            return decodeURIComponent(results[1].replace(/\+/g, " "));
        } else {
            return false;
        }
    };
})(jQuery);

// Document load
$(function(){
    var test_query = $.getQuery('test');
    alert(test_query); // For the URL http://YOUR DOMAIN/index.html?test=yes, the value would be "yes"
});
4

1 に答える 1