Eu uso o plugin jQuery "OWL Carousel" (http://www.owlgraphic.com/owlcarousel/) no meu pequeno projeto.

Eu crio um pequeno script que pode ser arrastado através deste plugin. agora eu quero desativar o arrasto no elemento específico (Item) ... mas não sei como fazer isso.

HTML:

<div class="wrap">
    <div id="carousel">

    <div class="part">
        <div class="item">Item-1.1</div>
        <div class="item">Item-1.2 NOT Draggble</div>
        <div class="item">Item-1.3</div>
    </div>
    <div class="part">
        <div class="item">Item-2.1</div>
        <div class="item">Item-2.2 NOT Draggble</div>
        <div class="item">Item-2.3</div>
    </div>
    <div class="part">
        <div class="item">Item-3.1</div>
        <div class="item">Item-3.2 NOT Draggble<div>
        <div class="item">Item-3.3</div>
    </div>

    </div>
</div>

CSS:

div.wrap {
    width: 990px;
    min-height: 360px;
    padding: 5px;
    border: 2px solid #666;
    margin: 10px auto;
}
div.item {
    float: left;
    border: 1px solid #ddd;
    width: 324px;
    margin: 1px;
    min-height: 360px; 

}

JS:

$(document).ready(function() {

    $("#carousel").owlCarousel({
        singleItem: true,
    startPosition : -1,
    autoPlayDirection : "rtl",

    });

});

Eu sei que devo usar paramouseDrag (http://www.owlgraphic.com/owlcarousel/#customizing) em umfunção de retorno de chamada , mas agora não sei como ... :(