小编Nic*_*ick的帖子

我在这里有点腌菜,我有6个<li>元素组<ul>.这是一个演示.我的目标是允许元素从页面右侧溢出,稍后我将使用javascript循环浏览它们.出于某种原因,无论我尝试什么,只需将其他元素向下推.我试过了:

float:left;

display:inline-block;

实际上每种风格的显示,也试过clear:both;我也尝试在div中设置列表并将宽度设置为荒谬的像素宽度,并希望将它正确地推离边缘但它什么也没做.

有任何想法吗？

我想尽量避免使用javascript解决方案,但欢迎一切.

注意:最终这些将超过20%的宽度,每个都<li>将跨越屏幕宽度并在jquery这样说时移动

我知道这可能很简单,我开始明白我需要怎么做,我意识到这与OO有关但是因为我是OO和json的新手我对这个http有点问题://api.discogs.com/database/search？q = d&page = 1&per_page = 5它d以json格式返回5个结果,所以我用php函数解析它然后尝试让我们说第一个显示thubmnail结果这是我的解析代码:

$returnData = file_get_contents($queryURL);
$discogsJSON = json_decode($returnData);

where $queryURL=提供的网址.如果我打印$discogsJSON我得到这个:

<pre>stdClass Object
(
[pagination] => stdClass Object
    (
        [per_page] => 5
        [items] => 179465
        [page] => 1
        [urls] => stdClass Object
            (
                [last] => http://api.discogs.com/database/search?q=f&per_page=5&page=35893
                [next] => http://api.discogs.com/database/search?q=f&per_page=5&page=2
            )

        [pages] => 35893
    )

[results] => Array
    (
        [0] => stdClass Object
            (
                [style] => Array
                    (
                        [0] => Free Jazz
                    )

                [thumb] => http://api.discogs.com/image/R-90-1672955-1305426452.jpeg
                [format] => …

我遇到一个问题,我有一个ajax驱动的页面,当用户从一个简单的下拉菜单中选择一些东西时绘制:

<select id = "selectdepartment">
    <option id = "default">Select an option...</option>
    ....
</select>

并使用jquery绘制页面的其余部分.change():

$('#selectdepartment').change(function(){

});

然后运行一些ajax到PHP脚本.一切都很好,问题是当我提交一个用ajax(使用$_SERVER['PHP_SELF'];)绘制的表单,数据被提交,页面重新加载,页面被清除但选择框仍然保留在原处.用户必须移动到另一个选项,然后返回到最初选择的选项以重新启动.change().太糟糕了.

我可以通过在我的所有表单中传递一个php变量来解决这个问题,然后检查每个页面加载时是否看到变量集,如果它是绘制页面部分,那么这会导致相当混乱的代码并且它不太理想.

必须有一种方法可以使用jquery库来完成这项工作,尽管我对javascript语言的了解并不是我想要的.如果有人有任何有用的提示,请分享,不要为我做,但我不会这样学习:)

编辑:带.trigger的代码

$('#selectdepartment').change(function(){
var department = $('#selectdepartment').val();
var day = $('#data').data('day');
var month = $('#data').data('month');
var year = $('#data').data('year');
//alert (department);

if(department === "Select an option..."){
    $('.hiddenuntildepartmentisselected').css({"display":"none"});
}
else{
$('.hiddenuntildepartmentisselected').css({"display":"block"});
}

showpoints(department);
drawpointstable(department, day, month, year);
displaytheuseresforselecteddepartment(department, '');

$('#sendthedepartment').val(''+department+'');
$('#hiddendepartmentidforaddinganewpoint').val(''+department+'');

}).trigger('change');//end run functions