1

ユーザーに国の選択オプションを表示するために、Webサイトでjqueryfancyboxプラグインを使用しています。そのため、ファンシーボックスページにドロップダウンがあり、ユーザーが選択できる国のリストが表示され、[実行]ボタンをクリックすると、ファンシーボックスが閉じて親ウィンドウが再読み込みされます。また、ドロップダウンボタンにスタイルを追加するために、通常のドロップダウン<select>タグを'sに置き換えています。これは、以下のドロップダウンスタイル<div>で説明されているものと同様のカスタムjscriptを使用して行われます。

このドロップダウンページを呼び出すために、私は使用しています

   $('a.fancy').fancybox({
    'type': 'iframe',
    'scrolling': "no", 
    'width': 395, 
    'height': 123, 
    'overlayOpacity': 0.62,
    'onClosed': function () {
        parent.location.reload(true);
        ; // <---i guess you don't need this (JFK)
     }
    });

タイプを「ajax」に変更すると、ページのドロップダウンにすべての値が表示されます。しかし、typeを " iframe"として使用すると、ドロップダウンリストの値がページの外側に表示されず、iframeウィンドウサイズで切り捨てられます（つまり、最初の2つの値が表示され、残りはiframeウィンドウサイズの外側に表示されません）

ajaxタイプをからに変更するときに、それが引き起こしている違いは何iframeですか？

ありがとう！！Yatish

4

1 に答える 1

1

ここで実行中のコードにアクセスしてください: http://jsfiddle.net/ff2P9/

これがあなたが望む効果かどうか教えてください。

基本的に**type: iframe**と組み合わせて使用​​すると**scrolling: no**、iframe の枠外のコンテンツはすべてクリップされます[ビューから非表示]。したがって、残りのコンテンツを [iframe で] 表示する必要がある場合は、スクロールオプションを「yes」または「auto」に設定する必要があります。

スニペット:

$(document).ready(function() {

    $('a.fancy').fancybox({
        'type': 'iframe',
        'scrolling': "auto", 
        'width': 395, 
        'height': 323, 
        'overlayOpacity': 0.62,
        'onClosed': function () {
            parent.location.reload(true);
            ; // <---i guess you don't need this (JFK)
         }
    });
    return false;
});

--

ファンシーボックスの動作をこちらでご覧ください: http://jsfiddle.net/ff2P9/

于 2012-06-18T20:34:34.170 に答える