如何在鼠標懸停中添加多個div（jquery）

我有7個使用jquery具有不同類屬性的聲明div。我想在鼠標懸停中使用7個div。我將如何做到這一點？如何在鼠標懸停中添加多個div（jquery）

我的7個divs是divOne，divTwo ...直到divSeven。

我有這個示例鼠標懸停代碼，但只有一個div使用。

    nodeEnter.append("circle") 
        .attr("r", 30) 
        .style("stroke","white") 
        .on("mouseover", function(d) { 
         divOne.transition() 
          .duration(200) 
          .style("opacity", .9); 
         divOne.html(
          "Name" + "<br />" + "Address" 
         ) 
          .style("left", (d3.event.pageX) + "px") 
          .style("top", (d3.event.pageY - 28) + "px"); 
         }) 
         .on("mouseout", function(d) { 
         divOne.transition() 
          .duration(500) 
          .style("opacity", 0); 
         });

如何在鼠標懸停期間添加其他div？任何幫助。謝謝

來源

2014-09-01 Kentarou

您可以創建一個HTML小提琴和JS並把它添加到您的文章嗎？ – retrovertigo 2014-09-01 05:06:41

您的意思是*添加多個div *，您想要在鼠標懸停上綁定多個div或在鼠標懸停上添加多個div。 – Khaleel 2014-09-01 05:06:48

這是你在找什麼？ http://stackoverflow.com/questions/17246650/how-to-create-a-jquery-mouseover-for-multiple-divs-by-id – 2014-09-01 05:10:02

你需要有這樣的東西。

nodeEnter.append("circle") 
     .attr("r", 30) 
     .style("stroke", "white") 
     .on("mouseover", function(d) { 
      onMouseOver(); 
     }) 
     .on("mouseout", function(d) { 
      onMouseOut(); 
     }); 

var divElements = $('.classofdiv1', '.classofdiv2'......); //add all the div's class 

function onMouseOver() { 
    $(divElements).each(function(index) { 
     $(this).transition() 
      .duration(200) 
      .style("opacity", .9); 
     $(this).html(
       "Name" + "<br />" + "Address" 
      ) 
      .style("left", (d3.event.pageX) + "px") 
      .style("top", (d3.event.pageY - 28) + "px"); 

    }); 
} 

function onMouseOut() { 
    $(divElements).each(function(index) { 
     $(this).transition() 
      .duration(500) 
      .style("opacity", 0); 

    }); 
}

希望這有助於:)

來源

2014-09-01 05:36:56 Khaleel

你好。我想問一下divElements，它是我的div的名稱還是它的類屬性？ – Kentarou 2014-09-01 05:56:22

它是類屬性。你也可以使用'document.getElementsByClassName（'nameOfClassHere'）;'如果同一個類適用於所有div – Khaleel 2014-09-01 06:00:11

好的謝謝。我更喜歡使用上面的解決方案，因爲我的div有不同的類。 – Kentarou 2014-09-01 06:22:24

如何在鼠標懸停中添加多個div（jquery）

回答

相關問題