0

私はjQueryの初心者で、ハイライトプラグインを備えたマップを持っています。エリアにマウスを合わせると、IDとテキストを含むdivのテキストを変更したいので、エリア属性Alt ="sometextから取得します。 「」

これがエリアループに使用されたコードです。ここに小さな関数を追加できると確信していますが、理解できませんでした。

//map 
clicks$(".tabs area").click(function(){

   //areas loop:
   $(".tabs area").each(function(){
       var d = $(this).data('maphilight') || {};
       if(d.alwaysOn == true){
         d.alwaysOn = false;  
       }
     });

   var data = $(this).data('maphilight') || {};
   data.alwaysOn = true;
   $(this).data('maphilight', data).trigger('alwaysOn.maphilight');

   if ($(this).hasClass("current") == false)
   {
       var thisTarget = $(this).attr("href");                          
       $(this).parents(".tabs").find('area.current').removeClass('current');
       $(this).addClass('current');  
       $(this).parents(".tabs").nextAll(".tab-content").children(":visible").fadeOut(1, function() {
           $(thisTarget).fadeIn("fast");
       });

   }
   return false; 
});

私がこれをどのように行うことができるかについての助けや提案は大歓迎です。

4

1 に答える 1

0

私はハイライトプラグインに精通していませんが、そのように各領域にマウスオーバーイベントを追加したいと思います（これは.click宣言の前後に配置します）：

$(".tabs area").mouseover(function() {
        var alt_text = $(this).attr('alt');
        $("#YOUR_TEXT_DIV_ID").html(alt_text);
    }).mouseout(function() {
        //do something on mouseout
});
于 2011-05-09T03:31:38.237 に答える