jquery - 将选定文本绑定到选择框的属性

Question

我创建了一个小应用程序来将文本从 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/

Answer 1

关于你想要什么的解释不是很清楚。我想你想要这样的东西：

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

})

演示：http: //jsfiddle.net/P2Kyk/32/