Home > Web Front-end > JS Tutorial > Commonly used jQuery code sharing_jquery

Commonly used jQuery code sharing_jquery

WBOY
Release: 2016-05-16 15:50:15
Original
1270 people have browsed it

1. View browser information

navigator.userAgent
Copy after login

What characters are included in retrieving browser information

For example:

if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) {
        $("#GuanKa .page_content").css("transform", "scale(0.92)");

        $(".gaunka_pic").css("top", "-100px");
        $(".ertongji_btn").css("top", "570px");

      }

Copy after login

2. Set parameters for the link, and then do the corresponding things according to the url parameters

//用户当天还没上传图片 
    $(".Js_uplaod_bnt").click(function () {
      if ($(this).attr("myid") == "1") {
        SiteFunc.Ga('选择骑骑宝');
      }
      else if ($(this).attr("myid") == "2") {
        SiteFunc.Ga('选择睡睡宝');
      }
      else if ($(this).attr("myid") == "3") {
        SiteFunc.Ga('选择踢踢宝');
      }
      else if ($(this).attr("myid") == "4") {
        SiteFunc.Ga('选择爬爬宝');
      }
      else if ($(this).attr("myid") == "5") {
        SiteFunc.Ga('选择学习宝');
      }
      else if ($(this).attr("myid") == "6") {
        SiteFunc.Ga('选择走走宝');
      }
      window.location.href = "Upload.aspx?BabyPostureID=" + $(this).attr("myid");

    });

//点击上传Icon图片的显示
  var CurBabyPostureID = Cmn.Func.GetParamFromUrl("BabyPostureID");

  $(".Js_photo_icon_upimg img").attr("src", "images/result/photo_icon" + CurBabyPostureID + ".png");

Copy after login

3. Long press on mobile phone to trigger event

//某一元素长按了2秒就跳转到一个页面
var _timeout = null;
    //长按二维码跳转到办卡也
    $(".Js_LongPressToCard").on("touchstart",function () {
      window.clearTimeout(_timeout);

      _timeout = setTimeout(function () {
        window.location.href = "https://mbank.spdbccc.com.cn/creditcard/indexActivity.htm?data=000501";
      }, 2000);
    });

    $(".Js_LongPressToCard").on("touchend", function () {
      window.clearTimeout(_timeout);
    });

Copy after login

The above is the entire content of this article, I hope you all like it.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template