JS 代码_$('div.loading').show();-CSDN博客

本文链接：https://blog.csdn.net/qq_24072339/article/details/92812232

这篇博客主要展示了JS的多个功能实现，包括点击事件处理、弹窗显示与关闭、DOM操作、触摸滑动事件、动画效果以及数据处理。通过示例代码详细解释了如何利用jQuery进行页面元素的操作，如添加事件监听、显示隐藏元素、处理表单数据以及实现滚动加载。还涉及到一些页面交互的细节，如动态加载内容、触底加载更多和响应式设计。

摘要由CSDN通过智能技术生成

jQuery(function($){
   $(".order-pick>input").on("click",function(){
       $("#bg").show();
       $("#tanchuang").show();
   });
   $("#tanchuang>ul>li").on("click",function(){
       closetc();
   });
});
function closetc(){
   $("#bg").hide();
   $("#tanchuang").hide();
}
关闭
$(".close, .cancel").bind('click', function(e){
   e.preventDefault();
$(this).parents(".popup").fadeOut();
})
点击显示
$("[data-pop]").bind('click', function(e){
       e.preventDefault();
       var obj = $(this).attr("data-pop");
       $(".popup").hide();
           //var thisheight = $("#"+obj).find('.box').height();
           $("#"+obj).fadeIn();
       if (obj=="rank"){
       loaded();
       }
   });
html代码
<a data-pop="about" href=""><img src="images/icon-redshow.png">活动介绍</a>

$(document).on('touchend', function() {
//滑到底部执行加载更多
if($('.po-win-wai').is(':visible')){}else{
if ($(document).scrollTop() + 100 >= $(document).height() - $(window).height()) {
$('.Loading').show();
$('.Loading').text('加载中...');
second();
setTimeout(function() {
$('.Loading').fadeOut();
}, 1000)
} else {
$('.Loading').fadeOut();
}
}
});

       jQuery(function($){
//           单选框
//       $(".votelist ul li").click(function(){
//               event.stopPropagation();
//               $("input").removeAttr('checked')
//               $(this).find("input[type=checkbox]").prop("checked",true);
               $(this).find(".checkboxFour").addClass("list_se")
               $(this).siblings().find(".checkboxFour").removeClass('list_se');
//           })
//           });
       //多选框
           $(".votelist ul li").on("click",function(){
               if($(this).find("input[type=checkbox]").is(':checked'))
               {
                   $(this).find("input").prop('checked',false);
                   $(this).find(".checkboxFour").removeClass('list_se');
               }
               else
               {
                   $(this).find("input[type=checkbox]").prop("checked",true);
                   $(this).find(".checkboxFour").addClass('list_se');
               }

           })
           })

jQuery(function($){
//     if ( $(".swiper-nav").length>0 ){
//       $(".client-nav .swiper-slide").eq(0).addClass("current");
//       var nav = $('.swiper-nav').swiper({
//           slidesPerView: 'auto',
//           freeMode:true,
//           freeModeFluid:true,
//           onSlideClick: function(nav){
//               nav.swipeTo( nav.clickedSlideIndex )
//               pages.swipeTo( nav.clickedSlideIndex )
//               $(".client-nav .swiper-slide").removeClass("current");
//               $(".client-nav .swiper-slide").eq( nav.clickedSlideIndex ).addClass("current");
//           }
//       })
//
//       //Function to Fix Pages Height
//       function fixPagesHeight() {
//           $('.swiper-pages').css({
//               height: $(window).height()-90
//           })
//       }
//       $(window).on('resize',function(){