jquery on button 위의 툴팁을 클릭하십시오.

Question

jquery로 버튼 클릭시 div 위의 버튼을 표시해야합니다.

$("#but button").click(function(){ 
    $("#mydiv").css("display","block"); 
    }); 

<div id="but"><button type="button">Show Div!</button></div> 
<div id="mydiv" style="display: none;">The div must be above button</div> 

UPDATE는

나는 버튼 위의 툴팁으로 확인해야합니다.

Answer 1

jQuery API documentation을 읽는 데 1 시간 정도 걸릴 것을 권장합니다. 문자 그대로 오랜 시간이 걸리지 만 엄청나게 돈을 지불합니다.

업데이트 툴팁이 완전히 질문을 변경을 만드는 방법에 대한

대한 수정. |

$("#but button").click(function(){ 
    var pos = $(this).offset(), 
     div = $("#mydiv"); 

    // Make it visible off-page so 
    // we can measure it 
    div.css({ 
    "display": "block", 
    "border": "1px solid black", 
    "position": "absolute", 
    "left": -10000, 
    "top": 0 
    }); 

    // Move it where we want it to be 
    div.css({ 
    "left": pos.left + 10, 
    "top": pos.top - div.height() - 10 
    }); 
}); 

Live Example을 : 당신은 아마 position: absolute를 사용하여 DIV를 놓고 그것을 left을주고 싶어하고 top은 다음과 같이 버튼에 상대 좌표 Source

---

원래 대답는 :

가장 눈에 띄는 점은 사업부로 시작 할 수있는 권리 장소에 있도록 마크 업을 변경하는 것입니다.

그것은 당신이 요구하는지 말해 어렵다,하지만 당신은 #mydiv#but 위 이동하려면 :

$("#but button").click(function(){ 
    $("#mydiv").css("display","block").insertBefore("#but"); 
}); 

Live Example을 | Source

그러나 당신이 버튼 전에하지만 #but 안에 넣어하려는 경우 :

$("#but button").click(function(){ 
    $("#mydiv").css("display","block").insertBefore(this); 
}); 

Live Example을 | Source