लिंक यूआई के अंदर काम नहीं करता चयन

Question

इन JQuery वेबसाइट से कोड कर रहे हैं और मैं एक की सामग्री को फिर से लिखने:

<style> 
    #feedback { font-size: 1.4em; } 
    #selectable .ui-selecting { background: #FECA40; } 
    #selectable .ui-selected { background: #F39814; color: white; } 
    #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } 
    #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } 
    </style> 
    <script> 
    $(function() { 
     $("#selectable").selectable(); 
    }); 
    </script> 



<div class="demo"> 

<ol id="selectable"> 
    <li class="ui-widget-content"><a href="">link can not click</a></li> 
    <li class="ui-widget-content">Item 2</li> 
    <li class="ui-widget-content">Item 3</li> 
    <li class="ui-widget-content">Item 4</li> 
    <li class="ui-widget-content">Item 5</li> 
    <li class="ui-widget-content">Item 6</li> 
    <li class="ui-widget-content">Item 7</li> 
</ol> 

</div><!-- End demo --> 

ऐसा लगता है link inside li किसी भी more.So काम नहीं करता, मैं कैसे फिर से कर सकते हैं li बनाने के लिए कोड का निर्माण किया जा सकता है और लिंक अभी भी एक ही समय में उपलब्ध है?

Answer 1

उपयोग cancel (विकल्प में देखो), इस तरह: यह काम कर रहा here पर

$(function() { 
    $("#selectable").selectable({ cancel: 'a' }); 
}); 

देखो।