0

大家好,我有一个大问题试图解决这个问题。我知道我必须使用 JavaScript,但我就是不明白如何使用。这是我的脚本:

<?php 
$posts = query_posts('order=DESC&cat=-2');
$cols = 4;
$filas = array_chunk($posts, $cols);
$columnas = array();
foreach( $filas as $row => $articulos ) {
foreach( $articulos as $ix => $articulo ) {
  $columnas[$ix] = isset($columnas[$ix]) ? $columnas[$ix] : array();
  $columnas[$ix][] = $articulo;
}
}
?>
<?php foreach($columnas as $posts):?> etc, etc ... <?php endforeach; ?>

$cols 值将根据用户的窗口屏幕而变化。IE = 如果窗口屏幕是(某个值)那么 $cols =(某个值)

我将非常感谢这方面的任何帮助。

干杯!

4

1 回答 1

0

您可以执行类似使用 ajax 脚本 onload 页面的操作。这将使您的网站变慢,但它应该具有正确的效果:

HTML

<div class="container">
    <!-- Place columns here -->
</div>

jQuery

$(document).load(function(){
    var winWidth = $(window).width();
    $.post('phpscript', {width: winWidth}, function(data) {
        $('.container').html(data);
    });
});

PHP

<?PHP
    //Your PHP script to format your page in however many columns
    //Have your script here take the width of your page
    //Do do math to find how many columns
    //Query whatever you need to get those columns
    //Return the HTML
?>

这将允许您返回您想要的任何列布局。虽然,我确信制作一些好的 CSS 来制作尽可能多的列会更容易。

于 2013-04-25T18:57:38.590 回答