2

選択メニューを使用しているアプリを開発しています。開発は初めてなので、選択メニューを選択したときにページを変更する方法がわかりません。選択メニューでonclickイベントとonchangeイベントを試しましたが、機能しません。私が使用しているコードは

コード:

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

上記のコードに従って、[メールで共有]または[BBMで共有]をクリックすると、ページを特定のhtmlページに移動する必要があります。たとえば、 [BBM経由で共有]オプションをクリックすると、プロジェクトでページをindex.htmlからBBM.htmlページに変更する必要があります。

誰でもこれを手伝ってください......よろしくお願いします...

4

4 に答える 4

2

1つのオプションはdata-、オプションタグに属性を追加することです。

<option value="bbm" data-location='www.example.com/bbm.html'>Share via BBM</option>

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

data()

于 2012-07-09T08:08:55.387 に答える
2

jQueryMobileは$.mobile.changePageメソッドを公開します。これで問題を解決できます。

ナビゲートする必要のあるページが「index.html」と同じディレクトリにある場合は、以下のjsを使用できます。

$(function(){

    $('select').change(function() {
        var nextpage = $(this).children('option:selected').attr('value');
        $.mobile.changePage( nextpage + '.html' );
    });

});​

デモ:jsfiddle(複数ページのサンプル)

于 2012-07-10T17:47:40.023 に答える
0

以下を使用して、メニューとして選択ボックスを使用してページのURLを変更するコードを作成しています。

$('#menu-select').change(function() {
   window.location = $(this).data('location')  
})

javascript:

 <select name='select-choice-1' id="menu-select">
    <option value="">Menú:</option>
    <option value="index.php">Noticias</option>
    <option value="index.php#tramites" data-location='index.php#tramites'>Trámites</option>
    <option value="index.php#twitter" data-location='index.php#twitter'>Twitter</option>
    <option value="virgen_del_valle.php">Parque Virgen del Valle</option>
    </select>

私は3つのページを持っています:

  • index.php(with containstopagesまたはdata-role="page" with and id)
  • news.php
  • event.php

問題は、たとえば、[ホーム]オプション、[詳細情報]の順に選択して[イベント]に移動しようとすると、ページが読み込まれなかったことです。

このコードには、内部ページと外部URLの条件が必要だと思います。

あなたができることを願っています

于 2013-04-04T06:53:54.073 に答える
0
var a = document.createElement('a');
a.href='http://google.com/';
a.rel = 'external';
a.target = '_top';
document.body.appendChild(a);
a.click();

Jsfiddle

于 2013-05-31T21:47:33.693 に答える