0

textareaからdivブロックにテキストを追加する小さなアプリケーションを作成します。ユーザーが黄色のdivテキストをクリックしても追加されず、選択したテキストのプロパティ（フォントファミリ、フォントサイズ）も選択ボックスで強調表示されます。

$(document).ready( function() {
$('#page1').click(function(e){
var $el = $("<li class='text'>"+$('#ta').val()+"</li>"),
    $this = $(this), offset = $this.offset();
$el.css({
    position: 'absolute',
    left: e.pageX - offset.left,
    top: e.pageY - offset.top
});
$this.append($el);
($el).draggable();
$("#page1 li").click(function(){
$("#page1 li").removeClass('active');
$(this).addClass("active");

});
});
    $("#fs").change(function() {
        $('li.active').css("font-family", $(this).val());
    });
    $("#size").change(function() {
        $('li.active').css("font-size", $(this).val() + "px");
    });

  });

Jsfiddleリンク：http ：//jsfiddle.net/sharma_pooja/P2Kyk/31/

4

1 に答える 1

0

あなたが何を望んでいるのかについての説明はあまり明確ではありません。私はあなたがこのようなものが欲しいと思います：

$('#page1').click(function(e){
  if( $(e.target).is('li.text') ){
      return;
  }
  /* other code*/

})

デモ：http：//jsfiddle.net/P2Kyk/32/

于 2013-01-01T06:50:36.280 に答える