2

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

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

但是在这里，当使用 changePage() 方法时，某些 js 文件会出现问题。所以，我想到了 window.location() 方法。

正如我使用的代码是......

索引.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>

共享屏幕.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”。谁能帮我解决我做错的地方...

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

4

2 回答 2

3 
Try this:

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

  });​
于 2012-07-12T08:18:33.017 回答
2

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

$('#select-choice-1').change(function() {
    window.location = $(this).find('option:selected').data('location');
}
于 2012-07-12T08:19:15.957 回答