0

http://pi.codele.se/php/debatt.php (json 形式)からデータを取得する jQuery のスクリプトがあります。そして、http://pi.codele.se/debatt.html?page=1<div id="output">内に返されます。fetch/fetch.jsでわかるように、 内で返されます。しかし、5 つの DIV クラス間でコードをランダム化する必要があります。<div class = "box w-25 h-70 ">

元。

<div class="box w-25 h-70">
<div class="box 2">
<div class="box 3">
<div class="box 4">
<div class="box 5">

フェッチ/fetch.js

$(document).ready(function(){
    var output = $('#output');

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 
                var content = '<div class="box w-25 h-70"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});
4

2 に答える 2

1

このようなもの？

$(document).ready(function(){
    var output = $('#output');
    var classes = ['box w-25 h-70', 'box2', ...]

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 

                var arr_idx = Math.floor(Math.random()*classes.length);
                var content = '<div class="' + classes[arr_idx] + '"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});
于 2013-01-16T07:41:06.150 に答える
0 
$(document).ready(function(){
    var output = $('#output');

    $.ajax({
        url: 'http://pi.codele.se/php/debatt.php',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: 5000,
        success: function(data, status){
            $.each(data, function(i,item){ 
                var content = '<div class="box w-'+i+'h-'+i+1+'"><h3>'+item.rubrik+'<span>Publicerad '+ item.datum+'</span></h3>'
                + '<p>'+item.innehall+'<br></div></div>';       
                output.append(content);
            });
        },
        error: function(){
            output.text('Kolla din anslutning.')
        }
    });
});
于 2013-01-16T08:10:29.603 に答える