Div скрыть / показать не работает должным образом с использованием перетаскивания и сбрасывания - jQuery - PullRequest
Новая
       2

Div скрыть / показать не работает должным образом с использованием перетаскивания и сбрасывания - jQuery

1 голос
/ 06 марта 2012

Моя проблема: пока я перетаскиваю перетаскиваемый контент в область сбрасывания, должен открыться соответствующий <li>, который содержит класс subtopic-drop-playlist, и это происходит, и <ul class="topic-list"> становится display:block, и это показывает содержимое ниже.

В чем моя проблема, когда я перемещаю перетаскиваемый контент внутрь <ul class="topic-list">, когда открывается вторая <li>, содержащая класс subtopic-drop-playlist ..

Он не должен открываться ..

Второй <li>, содержащий класс subtopic-drop-playlist, должен открыться, когда я наведу курсор на этот конкретный <li>.

В противном случае он не должен.Я дал код, который используется ниже ...

Любая помощь будет благодарна и благодарна ...

Зона падения 

<ul class="play-lists">
    <li class="subtopic-drop-playlist ui-droppable" id="nid_471">
        <h4 class="title-exp-coll title-collapse"><span class="exp-coll-playlist"></span><a href="/playlist/test">test</a></h4>
        <ul class="topic-list" style="display: none; ">
            <li class="subtopic-drop ui-droppable" topic_id="412326" nid="471"><h5>Topic 1</h5>
                <ul class="asset-list">
                    <li>
                        <div> <a href="/asset/sarav-asset-afternoon2">Sub Topic 1</a></div>
                    </li>
                    <li>
                        <div> <a href="/asset/sarav-asset-afternoon">Sub Topic 2</a></div>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="first"></li>
    <li class="subtopic-drop-playlist ui-droppable" id="nid_469">
        <h4 class="title-exp-coll title-collapse"><span class="exp-coll-playlist"></span><a href="/playlist/sarava">Sarava</a></h4>
        <ul class="topic-list" style="display: none; ">
            <li class="subtopic-drop ui-droppable" topic_id="412324" nid="469"><h5>Topic 1</h5>
                <ul class="asset-list">
                    <li>
                        <div> <a>Sub Topic 1</a></div>
                    </li>
                    <li>
                        <div> <a>Sub Topic 2</a></div>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Перетаскиваемое содержимое: 

<div id="asset-block-content">
    <div class="clearfix comm-list-title">
        <h3>
            <div class="asset-links asset-image asset-draggable ui-draggable" content_asset="450" content_type="asset" class_type="asset-html" content_title="fdasfdasfsa"><a title="Click to view content" href="/asset/fdasfdasfsa">fdasfdasfsa</a>
            </div>
        </h3>
    </div>
</div>

Показать / скрыть при перетаскивании содержимого в область «Пропускание»: 

function openclosePlaylist() {
    $(this).parent().next().toggle();
    if ($(this).parent().hasClass('active')) {
        $(this).parent().removeClass("title-expand active").addClass("title-collapse");
    }
    else {
        $(this).parent().addClass('active');
        $(this).parent().removeClass("title-collapse").addClass("title-expand active");
    }
}
...