Wordpress에 알림 바 추가

나는 wordpress 페이지에 알림 표시 줄을 추가하려고합니다. 막대를 추가하는 방법을 알고 있지만 사용자가 막대의 "x"를 클릭하면 막대가 사라지 길 원합니다.Wordpress에 알림 바 추가

코드 지금까지 가지고

CSS

#message_box { 
position: absolute; 
top: 0; left: 0; 
z-index: 10; 
background:#ffc; 
padding:5px; 
border:1px solid #CCCCCC; 
text-align:center; 
font-weight:bold; 
width:99%; 
}

HTML을

이제 사용자 "가을 클릭하면 알림이 사라 그래서 내가 워드 프레스에 JS를 구현할 수있는 방법을

<div id="message_box"> 
    <img id="close_message" style="float:right;cursor:pointer" src="...." /> 
    TEXT HERE 
</div>

x "이미지? 이미 jQuery를 사용하지 않을 경우 http://jsfiddle.net/qsfjC/

출처

2012-12-19 BMS

, 당신은 순수 자바 스크립트를 바로 사용할 수 있습니다 :

출처

2012-12-19 02:34:47 Bart

내가 다른 하나를 썼을 때 나는 이것을 끝내기 위해 노력했지만 결국에는 포기했다. 그래도 jQuery는 Wordpress 코어의 일부라고 생각합니다. – qooplmao

정확하게 광고 한 것처럼 일했습니다! : D – BMS

당신은 간단한 jQuery를 기능을

$(function(){ 
    $('#close_message').click(function(){ 
     $('#message_box').remove(); 
    }); 
});

예를 사용할 수 있습니다. 단 4 줄의 코드만으로 jQuery를로드하는 것은 약간 과잉이다.

document.getElementById("close_message").onclick = function() { 
    document.getElementById("message_box").style.display = 'none'; 
};

출처

2012-12-19 02:16:25 qooplmao

Wordpress에 알림 바 추가

답변

관련 문제