使用jquery隐藏显示更多内容

时间:2014-12-22 10:09:12

标签: php jquery ajax load

早上好!

我有一个查询,例如:

$limit = $limitFirst+4;
    $query = $sql->query('SELECT * FROM dc_store_products WHERE status = "1" ORDER BY `order` > "'.$limitFirst.'" ASC LIMIT '.$limit.'');
    while($row = $sql->fetch($sql)){
       // SHOW THINGS
    }
    <div class="load_projects" onclick="dp.project.loadmore('4');">
        Load More
    </div>

当我点击load_projects时,他从查询中得到了更多数据! 问题是,当我到达查询结束时,如果我没有要显示的新项目,我想要隐藏更多的负载! 我不知道在这一点上做的最好的事情,所以一些反馈会很好:)

1 个答案:

答案 0 :(得分:0)

如果您正在使用jQuery,请不要使用&#34; onclick&#34; HTML中的属性。相反,这样做:

var dp.project.loadmore = function(){
  // function content
};

$('.load_projects').on('click', dp.project.loadmore);

然后,当你调用dp.project.loadmore(),并且$ row == 0 length时,执行以下操作:

$('.load_projects').off('click', dp.project.loadmore ).hide();

请注意,我首先向DIV元素添加一个事件侦听器,然后再次将其删除,并隐藏DIV本身。如果你还没有,你可能想在这个链接中做教程,因为这是基本的jQuery:

http://try.jquery.com/

请花2分钟阅读:

http://pt.wikipedia.org/wiki/Inje%C3%A7%C3%A3o_de_SQL