0

別のウェブサイトにリンクできるポップアップ機能を書いています。ポップアップには、yahoo、google などの 3 つの選択肢があります。私にとっての問題は、yahoo ポップアップを選択した後に yahoo.com.hk にリンクする方法です。

たとえば、「yahoo」を選択すると、新しいウィンドウが開き、www.yahoo.com にリンクします。

ありがとうございました！

<a href="#Link" data-rel="popup">

<div data-role="popup" id="Share" data-shadow="true" data-theme="a"   >
  <fieldset data-role="controlgroup">
    <legend>Select website</legend>
    <input type="radio" name="radio-choice" id="radio-choice-1" value="yahoo"  />
    <label for="radio-choice-1">yahoo</label>

    <input type="radio" name="radio-choice" id="radio-choice-2" value="google"  />
    <label for="radio-choice-2">google</label>

    <input type="radio" name="radio-choice" id="radio-choice-3" value="microsoft"  />
    <label for="radio-choice-3">microsoft</label>
  </fieldset>
</div>
4

2 に答える 2

0

ライトボックスのボタンをクリックすると、基になる DOM 要素でイベントがトリガーされます。jQuery を使用して、これらの DOM 要素 (要素のname属性がであるラジオ ボタン) のクリック イベントにイベント ハンドラーを追加しますradio-choice。

以下は、jQueryUI のライトボックス (任意のライトボックスを使用できます) を使用してデモを行う jsFiddle です。

jsフィドル

$('[name=radio-choice]').click(function() {
    var goto = $(this).val();
    if (goto == 'yahoo') {
        window.open('http://yahoo.co.uk');
    }else if(goto == 'google') {
        window.open('http://google.co.uk');
    }
});
于 2013-09-11T18:10:46.283 に答える