簡體   English   中英

Javascript HTML Gallery

[英]Javascript html gallery

我正在為我的網站編輯/創建以下腳本。 如下所示,我希望他在每一行的開頭添加一個<div class="row"> (難以解釋)。 然后,使用var“ getal”,我希望他在其中的4個項目之后結束這個DIV標簽(4倍於foreach循環),但是我嘗試使用If循環的方法不起作用。 有任何想法嗎? (如果循環和var getal,則在沒有<div class="row">情況下,代碼可以正常工作。

function show_albums (response) {
    var getal = 0;
    //hide main loader
    $('#loading_gallery').hide();
    $.each(response.data, function(key, value) {

        //create html structure
        //rijen teller
        if (getal = 0 ) {
            var html = '<div class="row">';
            $('#albums').append(html);
        }

        //albums        
        var html = '' +
            '<div class="col-lg-3 col-md-3 col-xs-3 thumb" id="album_' + key + '"> ' +
                '<a href="#" class="album_link_' + key + '"><img class="img-thumbnail"  id="album_cover_' + key + '" /></a>' +
                '<img id="loading_' + key + '" src="images/ajax-loader.gif" />' +
                '<a href="#" class="album_link_' + key + '"><h2>' + value.name + '</h2></a>' +
                '<p>' + value.count + ' foto&#39;s</p>' +
            '</div>';

        getal++;

        if (getal = 4) {
            var html = '</div>';
            $('#albums').append(html);
            getal = 0;
        }

        $('#albums').append(html);
    }
}

您在if語句中使用賦值運算符=而不是比較運算符== 嘗試更換那些。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM