이 HTML을 작동하지 HTML을 제거 :JQuery와 : CSS를 변경하고
<div class="editable" contentEditable="true">
<span class="empty">change me</span>
</div>
를이 JQuery와 : 나는 (전혀 또는) 희망으로
$(".empty").click(function() {
$(this).css("color","#000");
$(this).html(" ");
});
것은 작동하지 않습니다. 나는 사용자가 글꼴 색상이 검은 색으로 바뀌고 스팬의 기존 텍스트가 사라지는 범위에서 "나 변경"텍스트를 클릭 할 때 이렇게하려고합니다.
스팬에 대한 height 속성이 없기 때문에 그것은 작동하지 않을 것, 그리고 그것이있을 것이다 내용의 비우는 후 width of 0px 및 height of 0px. 범위를 <div>으로 바꾸고 CSS에 높이를 지정하십시오. 여기에있는 예 : http://jsfiddle.net/JftGd/12/
나는 당신의 코드가 <head> html로 있다고 가정합니다. onLoad에 코드를 래핑해야 코드가 적절한 시간에 실행됩니다. 페이지가로드 된 후
$(function() {
$(".empty").click(function() {
$(this).css("color","#000");
$(this).html(" ");
});
});
은 코드를 실행합니다
$(document).ready(function(ev){
$(".empty").click(function() {
$(this).css("color","#000");
$(this).html(" ");
});
});
작업 중 ... http://jsfiddle.net/JftGd/5/ –
텍스트가 사라지지 않는다는 것을 의미합니까? –