jquery - jquery: css の変更と html の削除が機能しない

Question

この HTML:

<div class="editable" contentEditable="true">
    <span class="empty">change me</span>
</div>

そしてこのJQuery：

$(".empty").click(function() {
            $(this).css("color","#000");
            $(this).html(" ");
        });

私が望んでいたように（またはまったく）機能していません。ユーザーがスパン内の「change me」テキストをクリックすると、フォントの色が黒に変わり、スパン内の既存のテキストが消えるようにしたいと考えています。

score 1 · Accepted Answer

スパンの高さプロパティがないため機能しません。また、その内容を空にすると、width of 0pxとが表示されheight of 0pxます。スパンをaに置き換え、<div>cssで高さを指定します。ここでの例：http：//jsfiddle.net/JftGd/12/

score 0 · Accepted Answer

<head>私はあなたがあなたのhtmlにあなたのコードを持っていると仮定します。コードをonLoadでラップする必要があるため、コードは適切なタイミングで実行されます。

$(function() {
    $(".empty").click(function() {
        $(this).css("color","#000");
        $(this).html(" ");
    });
});

score 0 · Accepted Answer

ページが読み込まれた後にコードを実行します。

$(document).ready(function(ev){
   $(".empty").click(function() {
        $(this).css("color","#000");
        $(this).html(" ");
    });
});

3 に答える 3