Question

我在网站上使用jquery fancybox插件向用户显示国家/地区选择选项。所以，我在我的fancybox页面上有一个下拉列表，显示国家用户可以选择的列表，然后按“Go”按钮关闭fancybox并重新加载父窗口。此外，我正在使用<select>替换正常的下拉列<div>标记，以在下拉按钮上添加样式。这是使用自定义jscript完成的，类似于下面dropdown style

中解释的内容

要调用此下拉页面，我正在使用

   $('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窗口大小截断（即前两个值是可见的，其余的不显示在iframe窗口之外大小）

当我将类型从ajax更改为iframe时，有人可以建议它导致的差异吗？

谢谢！ Yatish

Answer 1

请访问以下代码：http://jsfiddle.net/ff2P9/

并告诉我这是否是您想要的效果。

基本上，当您将**type: iframe**与**scrolling: no**结合使用时，iframe边框以外的任何内容都剪裁 [隐藏在视图中]。因此，如果您需要查看[iframe]中的其他内容，则需要将滚动选项设置为＆＃34; 是＆＃34;或＆＃34; 自动＆＃34;。

片段：

$(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;
});

-

再次，请在此处查看fancybox：http://jsfiddle.net/ff2P9/

下拉列表未在fancybox中正确显示

1 个答案:

片段：