html里的section可以设置id,求大神帮解释下这代码,<section id="list-list"></section>显示的内容如何修改?...

var list_jm_link    = '{$md5HostUrl}';

var list_stop       = 'list_scrollTop'+list_jm_link;

var list_page       = 'list_page'+list_jm_link;

var list_data       = 'list_data'+list_jm_link;

var pageIndex = 1;

$(document).ready(function(){

//loadList("{$model_id}","{$type_id}","{$cate_id}","{$city_id}","{$area_id}","{$street_id}",'{$keyword}','{$ordertype}',pageIndex);

if($("#list-list").length>0){

if(sessionStorage.getItem(list_page)){

$('#list-list').html(sessionStorage.getItem(list_data));

pageIndex = sessionStorage.getItem(list_page);

pageIndex = pageIndex*1;

$(document).scrollTop(sessionStorage.getItem(list_stop));

}else{

loadList("{$model_id}","{$type_id}","{$cate_id}","{$city_id}","{$area_id}","{$street_id}",'{$keyword}','{$ordertype}',pageIndex);

}

}

});

$(document).ready(function(){

$.get("{$ajaxCommonClicksUrl}");

$.get("{$ajaxUpdateTopstatusUrl}");

$.get("{$ajaxAutoClickUrl}");

$.get("{$ajaxAutoZhuanfaUrl}");

$.get("{$ajaxShenheSmsUrl}");

});

$(window).scroll(function () {

var scrollTop       = $(this).scrollTop();

var scrollHeight    = $(document).height();

var windowHeight    = $(this).height();

if ((scrollTop + windowHeight) >= (scrollHeight * 0.9)) {

loadList("{$model_id}","{$type_id}","{$cate_id}","{$city_id}","{$area_id}","{$street_id}",'{$keyword}','{$ordertype}',pageIndex);

}

if ((scrollTop + windowHeight) >= 1000) {

$('.back_top').show();

}else{

$('.back_top').hide();

}

if ($(window).scrollTop()> 350) {

sessionStorage.setItem(list_stop, $(window).scrollTop());

sessionStorage.setItem(list_data, $('#list-list').html());

if(pageIndex >= 1){ sessionStorage.setItem(list_page, pageIndex); }

} else {

sessionStorage.removeItem(list_page);

sessionStorage.removeItem(list_data);

sessionStorage.removeItem(list_stop);

}

});

$(document).on('click','.back_top', function () {

$('body,html').animate({scrollTop: 0}, 500);

return false;

});

var loadListStatus = 0;

function loadList(modelId,typeId,cateId,cityId,areaId,streetId,Keyword2,orderType,Page) {

if(pageIndex > 50){

$("#no-more-html").show();

}

if(loadListStatus == 1){

return false;

}

loadListStatus = 1;

$.ajax({

type: "GET",

url: "{$ajaxLoadListUrl}",

data: { model_id:modelId,type_id:typeId,cate_id:cateId,city_id:cityId,area_id:areaId,street_id:streetId,keyword:Keyword,ordertype:orderType,page:Page},

success: function(msg){

if(pageIndex == 1){

$("#list-list").html('');

}

loadListStatus = 0;

var data = eval('('+msg+')');

if(data == 205){

if(pageIndex == 1){

$("#no-list-html").show();

}else{

$("#no-more-html").show();

}

return false;

}else{

++pageIndex;

$("#list-list").append(data);

}

}

});

}

function hide_shouchang_prompt(uid){

$('#index_prompt').hide();

$.ajax({

type: "GET",

url: "{$ajaxShouchangUrl}",

data: {user_id:uid},

success: function(msg){

}

})

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码是一个 HTML 页面中的一部分,用于创建一个侧边栏的快捷方式菜单。 ```html <div class="sidebar-shortcuts" id="sidebar-shortcuts" style="display: none"> <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large"> <button class="btn btn-success"> <i class="ace-icon fa fa-signal"></i> </button> <button class="btn btn-info"> <i class="ace-icon fa fa-pencil"></i> </button> <!-- #section:basics/sidebar.layout.shortcuts --> <button class="btn btn-warning"> <i class="ace-icon fa fa-users"></i> </button> <button class="btn btn-danger"> <i class="ace-icon fa fa-cogs"></i> </button> <!-- /section:basics/sidebar.layout.shortcuts --> </div> </div> ``` 首先,`<div>` 标签定义了一个具有 class 属性为 "sidebar-shortcuts" 的 `<div>` 元素,并设置id 属性为 "sidebar-shortcuts",并通过 style 属性将其初始状态设置为不可见(display: none)。 在这个 `<div>` 元素的内部,又嵌套了一个具有 class 属性为 "sidebar-shortcuts-large" 的 `<div>` 元素,并设置id 属性为 "sidebar-shortcuts-large"。这个内层的 `<div>` 元素用于包含多个按钮,表示快捷方式菜单的大尺寸样式。 在内层的 `<div>` 元素中,有四个 `<button>` 元素,每个按钮都有不同的 class 属性和 `<i>` 元素作为图标。具体解释如下: - 第一个 `<button>` 元素具有 class 属性为 "btn btn-success",表示一个成功操作的按钮,内部使用了一个带有 class 属性为 "ace-icon fa fa-signal" 的 `<i>` 元素作为图标。 - 第二个 `<button>` 元素具有 class 属性为 "btn btn-info",表示一个信息操作的按钮,内部使用了一个带有 class 属性为 "ace-icon fa fa-pencil" 的 `<i>` 元素作为图标。 - 第三个和第四个 `<button>` 元素类似,分别表示警告操作和危险操作的按钮,内部使用了对应的图标。 注释部分的代码HTML 注释,用于标记特定的代码段,在这用于区分快捷方式菜单的布局部分。 总体来说,这段代码的作用是创建了一个侧边栏的快捷方式菜单,包含了不同样式的按钮和对应的图标。初始状态下,快捷方式菜单是隐藏的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值