Question

从数据库调用项目，用于填充库。模态和砌体脚本适用于页面加载，但是当我使用菜单脚本替换我的库的内容时，脚本停止工作。

我努力使用列代码直到发现克隆（ true，true ））;所以我想象它是一个类似的问题..但我不能想出这一个。我得到的最接近的是分离js文件并在php文件中重新链接（是）它们：|哈哈......这个＆＃34;工作＆＃34;但创建了其他不一致性（每次单击一个菜单项时，下一个按钮的增量增加1）

这是我的菜单代码：

        function showHome(){
        $(".deck").empty();
        $.ajax({url: "databaseAll.php", success: function(result){
            $(".deck").html(result);
        }});
        createColumns();
        $("body").animate({scrollTop : $("#header").offset().top}, 1000);
    }
    $(".hm").click(showHome);
    $(".menuLogo").click(showHome);

这是列代码（适用于页面加载和调整大小）

function createColumns () {

    $(".columns").empty();

    var noColumns = Math.floor($("#gallery").width() / 210);
    if (noColumns<1) {noColumns=1;}

    for (i = 0; i < noColumns; i++) {
        var $column = $("<div>", {"class": "column"});
        $(".columns").append($column);
    }    


    var deckClone = $(".deck").clone(true, true);
    var noCards = $(".deck").children().length;
    var cards = $(".card");
    var cardPosition = 0;

    for (i=0;  i <= noCards; i++) {
        if(cardPosition > noColumns - 1 ){cardPosition = 0;}

        $(".column").eq(cardPosition).append(cards.eq(i));
        cardPosition++;
    }

$(".deck").replaceWith(deckClone.clone(true, true));
cardPosition = 0;

}
createColumns();

function debounce(func, wait, immediate) {...}
$(window).resize(debounce(createColumns,400));

这是为了显示模态（适用于页面加载和调整大小）

function showModal() {
    $("body").css("overflow-y", "hidden");
    $(".small").removeClass("smallHover");
    $("#modal").fadeIn(200);

    var altLong = $(this).attr("alt");
    var altSplit = altLong.split("#");
    $(".picTitle").text(altSplit[0]);                                   
    $(".picStory").text(altSplit[2]);

    var srclong = $(this).attr("src");
    var srcshort = srclong.split("_");
    var srcextension = srclong.split(".");
    $(".big").attr("src", srcshort[0]+'.'+srcextension[1]); 
}
$(".small").click(showModal);

请帮帮我！在这周已经挣扎了几个星期.. 要查看实际操作的代码：jarrettonions.co.za

这个新手谢谢你!!

使用已替换的内容重新附加Div的JS功能？

0 个答案: