0 
$("#photoAlbum").on("mouseenter", ".imagecontainer", function () {
    $(this).find('.controlbar').show("slide", { direction: "down" }, 1000);
}).on("mouseleave", ".imagecontainer", function () {
    $(this).find('.controlbar').hide("slide", { direction: "up" }, 1000);
});

.controlbarデフォルトでは非表示になっています

divは.imagecontainerajaxリクエストの後に#photoAlbumdivに追加されるため、私が使用しているのはなぜ.on()ですか.hover(function() {}, function(){})

HTMLのドロップバックドロップは絶対に配置されます。

<div id="photoAlbum" class="tabcontent">

        <div id="drop-backdrop"> 
            <div class="text">Drag files here to upload</div> 
        </div> 
        <canvas id="drop-target"></canvas> 

<div class="imagecontainer"><div class="controlbar" style="visibility: hidden; "><img src="/TreeView/images/delete.png" width="16px" height="16px"></div><img src="/Content/photoAlbums/9/3/539695_t.jpg"></div></div>
4

1 に答える 1

0

スクリプトを機能させる場合は、 jQueryUIライブラリをロードする必要があります

または使用：

$("#photoAlbum").on("mouseenter", ".imagecontainer", function () {
    $(this).find('.controlbar').slideDown(1000);
}).on("mouseleave", ".imagecontainer", function () {
    $(this).find('.controlbar').slideUp(1000);
});

style="visibility: hidden; "使用する代わりにstyle="display:none; "

于 2012-05-30T08:27:41.600 に答える