如何使悬停效果改变另一个"对象"选

时间:2014-07-03 19:39:42

标签: javascript jquery css jqgrid

例如,我有两个类AB,当我将鼠标悬停在数量,颜色等变化上时,我需要这样做.B。我不知道我是否可以这样做使用CSS和onmouseover

我正在放置一段代码来处理表的创建和类C的定义。 我需要的是当用户delecione或将鼠标悬停在桌面上时激活此课程C

 jQuery(grid_selector).jqGrid({
      url:urllst,
      datatype: 'json',
      height: 'auto',,
      ignoreCase: true,
      colNames:['UF','NAME','CITY' ],  
      colModel:[
         {name:"uf",index:"uf", width:100, sorttype:'text', viewable: true, frozen: true, focus: true, 
         stype:'text',
         formoptions:{elmprefix:'*', label: 'UF:', rowpos:1, colpos:1},
         editable:true,
         editrules: {required: true},
         edittype: 'custom',
         classes: 'c',
         editoptions: {style: "text-transform: uppercase",
                      'custom_element' : macro_uf_element,
                       'custom_value'   : macro_uf_value,

                        },

2 个答案:

答案 0 :(得分:0)

我相信你需要使用javascript,但我可能错了。

//grab all of the item images and make sure their popup description shows
var $contentWrapper = $("#contentWrapper");
//and bind the events that allow us to have a popup window follow the cursor
$contentWrapper.on("mouseover", className, function(event) {
    var $itemDescription = $(this).parent("").find(".description");
    //when the users cursor enters the item ensure that it enables vision of the popup and initialize the coordinates
    updatePosition(event.clientX, event.clientY, $itemDescription);
    $itemDescription.show();
});

当用户将鼠标悬停在图像上时,我用它来显示div的一小段代码,我相信这与你正在寻找的类似。

答案 1 :(得分:0)

Hy家伙,我解决如下。 我声明了函数mouseentermouseleave,因为只有hover设置了颜色而没有恢复正常。 当您将鼠标放在表格行上时,选择将在类C中进行。

 $("#tabDados").mouseenter(function(){
   $(".c").css("background-color","#eff3f8");
  });

 $("#tabDados").mouseleave(function(){
   $(".c").css("background-color","#fff");
  });