0

私は jQuery の人ではありませんが、jVectormap を実装する際に、マップが最初に読み込まれるときに onRegionOver 関数を含めました。ただし、一度だけ起動するようです。つまり、 #content div のコンテンツは一度だけ正しく表示されますが、カーソルを他の状態に移動しても持続します。私は何が欠けていますか？ティア。

<script>
$(function(){
  $('.jvectormap').vectorMap({
  map: 'us_en',
  values: associateData,
  scaleColors: ['#C8EEFF', '#0071A4'],
  normalizeFunction: 'polynomial',
  hoverOpacity: 0.7,
  hoverColor: false,
  onLabelShow: function(e, el, code){
  el.html('<strong>'+el.html()+'</strong><br />'+associateData[code]);
  },
  onRegionOver: function(e, code){
    $("#content").replaceWith(contentData[code]);
  },
  markers: [
          {latLng: [43.30, -75.61], name: 'Dans Automotive, Taberg NY', r: 3, fill: 'yellow'},
          {latLng: [41.16, -95.93], name: 'Yecks Auto Repair, Bellevue NE', r:3, fill: 'yellow'},
          {latLng: [41.36, -81.85], name: 'Parkway Express, Berea OH', r:3, fill: 'yellow'},
          {latLng: [41.31, -81.83], name: 'Strongsville Express, Strongsville OH', r:3, fill: 'yellow'},
      {latLng: [41.34, -81.53], name: 'Nordonia Tire &amp; Service, Northfield OH', r:3, fill: 'yellow'}
        ],
        onMarkerLabelShow: function(event, label, index){
          console.log('label-show', label, index);
        },
        onMarkerOver: function(event, index){
          console.log('marker-over', index);
        },
        onMarkerOut: function(event, index){
          console.log('marker-out', index);
        },
        onMarkerClick: function(event, index){
      var url = "http://www.google.com";
      $(location).attr('href',url);
        }
    });
  })
  </script>
4

1 に答える 1

1

この文字列で

$("#content").replaceWith(contentData[code]);

要素を別のものに置き換え#contentます。その後、その#content要素はページに存在しなくなり、変更できなくなりました。html代わりにメソッドを使用することをお勧めします。

$("#content").html(contentData[code]);
于 2012-07-09T10:18:51.200 に答える