Jquery 我所有的div中只有一个是可拖动的

问题是：我必须用类“.draggable”来制作我的p标签
我有以下代码：

<div id="dragArea">
        <div class="tab">
            <div class="list" id="traitement">Traitement vidéo</div>
            <p class="items draggable traitement" id="transcoder">Transcoder la vidéo</p>
            <p class="items draggable traitement" id="addLogo">Ajouter un logo</p>
        </div>

        <div class="tab">
            <div class="list" id="publication">Publication</div>
            <p class="items draggable publication" id="genLecteur">Générer un lecteur vidéo</p>
            <hr class="items publication"/>
            <p class="items draggable publication" id="facebook">Publier sur Facebook</p>
            <p class="items draggable publication" id="twitter">Publier sur Twitter</p>
            <p class="items draggable publication" id="dailymotion">Publier sur DailyMotion</p>
            <p class="items draggable publication" id="youtube">Publier sur Youtube</p>
            <p class="items draggable publication" id="vimeo">Publier sur Vimeo</p>
        </div>

        <div class="tab">
            <div class="list" id="divers">Divers</div>
            <p class="items draggable divers" id="mail">Envoyer une notification par mail</p>
        </div>
    </div>

但当我查看页面时，只有最后一个“.draggable”项（id=“mail”）是可拖动的。 我试着用同样的方法设置红色背景色，但效果很好，所以我没有发现我的错误

---

谢谢您的回答。

在我检查了@Arun fiddle之后，它似乎很好，直到我删除了属性ie

$（“.draggable”）.draggable（），它才对我起作用然后它对我起作用了。在debian 6 chrome 19上。
$(".draggable").draggable({
                helper : 'clone',
                cursor : "move",
                revert : true,
                containment : ".bloc.page"
            });