ホームページ > ウェブフロントエンド > jsチュートリアル > よく使用される jQuery コード Sharing_jquery

よく使用される jQuery コード Sharing_jquery

WBOY
リリース: 2016-05-16 15:50:15
オリジナル
1270 人が閲覧しました

1. ブラウザ情報を表示します

navigator.userAgent
ログイン後にコピー

ブラウザ情報の取得に含まれる文字

例:

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");

      }

ログイン後にコピー

2. リンクのパラメータを設定し、URL パラメータに従って対応する処理を実行します

//用户当天还没上传图片 
    $(".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");

ログイン後にコピー

3. 携帯電話を長押ししてイベントをトリガーします

//某一元素长按了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);
    });

ログイン後にコピー

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート