マイページ: 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"
});