將選定的文本綁定到選擇框的屬性

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*/ 

}) 

DEMO：http://jsfiddle.net/P2Kyk/32/