时间戳

首页 > 解决方案 > 你可以选择一个 jquery 移动切换并设置 cookie 吗？

javascript - 你可以选择一个 jquery 移动切换并设置 cookie 吗？

问题描述

我有一个选择标签，其中包含必须使用 jquery 在移动设备上使用的选项。我正在尝试使用 php 检查何时选择了 cookie，以便链接到 java 脚本并根据选择做出决定。当您在网络上输入标签时，这非常有效，我无法在移动设备上使用输入标签，因此我不得不切换到选择标签。如果有人有任何建议。我已经包含了一个指向我正在使用的片段的链接。

据我所知，我不能使用 :checked 和 select 标签，所以我选择使用 :selected 代替？

$("#flip-min").on('select', function() {
  var isChecked = $("select[id='flip-   min']:selected").length;
  var cookieName = 'TEST_TWO_MOBILE';

  if (isChecked == 1) {
    cookieName = "TEST_MOBILE";
  }
  setCookie('userChoiceMobile', cookieName);
  location.reload();
});

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<div class="containing-element">
  <select name="flip-min" id="flip-min" data-role="slider" <?php echo (isset($_COOKIE[ 'userChoiceMobile']) && !empty($_COOKIE[ 'userChoiceMobile'] ) && ($_COOKIE[ 'userChoiceMobile'])=="TEST_MOBILE" ) ? "selected" : "";?>>
    <option value="off">ONE</option>
    <option value="on">TWO</option>
  </select>

https://codepen.io/winterlion/pen/NWPBLJN

标签： javascriptphpjqueryhtmlsetcookie

解决方案

推荐阅读