1

我在网站中使用 jquery fancybox 插件向用户显示国家选择选项。所以，我的fancybox 页面上有一个下拉菜单，显示国家用户可以选择的列表和按钮“Go”，它关闭fancybox 并重新加载父窗口。另外，我正在用 's 替换正常的下拉<select>标签以<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”，我在页面上的下拉菜单显示所有值都很好。但是当我将类型用作“ iframe”时，我的下拉列表值不会显示在页面之外并被 iframe 窗口大小截断（即前两个值是可见的，其余的值不会显示在 iframe 窗口大小之外）

任何人都可以建议当我将类型从 更改为 时它造成的差异是ajax什么iframe？

谢谢！！雅提什

4

1 回答 1

1

请访问此处的代码：http: //jsfiddle.net/ff2P9/

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

基本上，当您**type: iframe**与 结合使用时**scrolling: no**，iframe 边框之外的任何内容都会被剪裁[从视图中隐藏]。因此，如果您需要查看 [in an 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;
});

--

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

于 2012-06-18T20:34:34.170 回答