このマッププラグインを使用しています。
各国をクリックすると#content
、デフォルトでは非表示になっている という div 内のテキストを変更したいと考えています。
という別の div を使用して作成する予定でした#apDiv3
。
最初のクリック後のコンテンツは、別の国をクリックするまで表示されたままになります。
このコードを使用していますが、何も起こりません:
$(function () {
$('#example-map-1').vectorMap({
backgroundColor: ('#1d1e21'),
hoverOpacity: 0.7,
hoverColor: ('#4f1d1e'),
onRegionClick: function (event, code) {
if(code === 'ca') {
event(function () {
$("#content").replaceWith($("#apDiv3"))
});
}
});
});
});
これを行うためのより良い方法はありますか?