Question

如何在jquery mobile中使用window.location方法。因为我正在使用jquery mobile开发应用程序，我需要从一个html页面更改为其他html页面，我需要使用window.location（）。我知道要使用

  $.mobile.changePage( "page", { transition: "slide"} );

但是在使用changePage（）方法时遇到一些js文件的问题。所以，我想到了window.location（）方法。

因为我使用的代码是......

index.html

<section id="previewPage" data-role="page">
  <div data-role="content" id="previewId" class="previewScreen">
    <select name="select-choice-0" id="select-choice-1" data-native-menu="false">
        <option value="email">Share via Email</option>
        <option value="bbm" data-location='bbmIntegration.html'>Share via BBM</option>
        <option value="sms">Share via SMS</option>
        <option value="facebook">Share via Facebook</option>
        <option value="twitter">Share via Twitter</option>
        <option value="google">Share via Google</option>
    </select>                       
  </div>
</section>

sharingScreen.js

$('#select-choice-1').change(function() {
     window.location = $(this).data('location');
    //window.location = $('#select-choice-1').data('location')  
  });

当我点击通过BBM分享时，我的html页面需要导航到 bbmIntegration.html 页面。但当我在Chrome浏览器中运行此时，当我点击通过BBM共享时，它显示为“文件/ BBM / sample / www / undefined not found”。任何人都可以帮助我这个我在哪里我做错了......

提前致谢.........

Answer 1

Try this:

  $('#select-choice-1').change(function() {
    window.location = $(this).find("option:selected").data('location');

  });

Answer 2

目前，您的js正在select标记上查找数据属性 - 它需要查看所选的option标记：

$('#select-choice-1').change(function() {
    window.location = $(this).find('option:selected').data('location');
}

如何在jquery mobile中使用window.location（）？

2 个答案: