标签: modal-window

我有一个模态窗口,其中包含一个锚文本.当我点击此链接时,它必须调用其他地方的pdf并在弹出窗口中显示它.我怎样才能做到这一点 ？

请帮助.

我正在使用Bootstrap Modal Window插件,它的工作正常,但我想打开另一个模型窗口,当我点击下一个并关闭第一个.我该怎么做？

$('[data-toggle="modal"]').click(function(e) 
    {
        e.preventDefault();
        var url = $(this).attr('href');
        if (url.indexOf('#') == 0)
        {
            $(url).modal('open');
        } 
        else 
        {
            $.get(url, function(data) 
            {
                $(data).modal();
            }).success(function() { $('input:text:visible:first').focus(); });
        }
    });

<a href="next.html" data-toggle="modal">Add Record</a>

next.html文件代码

<div class="modal fade" id="compose-modal" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">First Window</h4>
            </div>
            <form action="#" method="post">

                <div class="modal-footer clearfix">
                    <button type="button" data-dismiss="modal">Discard</button>

                    <button type="submit">Submit</button>
                     <a href="next2.html" data-toggle="modal" >Next</a>
                </div>
            </form>
        </div>
    </div>
</div>

我正在写请求规格...我使用Capybara ......我遇到了一些模态窗口的麻烦.

我在测试中真正想要的是填写一个弹出模态窗口的表单.

模态是使用Twitter的Bootstrap创建的(http://twitter.github.com/bootstrap/javascript.html#modals)...它正在经历一组转换(但我不知道这是否与我要说的是什么).

我尝试过在网上找到的一些解决方法,例如:

A)在页面之间切换 page.driver.browser.window_handles

page.driver.browser.switch_to.window(page.driver.browser.window_handles.last)

B)wait_until用于确保模态加载

def modal_wrapper_id
  '#modal-edit'
end

def modal_visible
  wait_until { find(modal_wrapper_id).visible? }
rescue Capybara::TimeoutError
  flunk 'Expected modal to be visible.'
end

但没有一个工作......所以我想在模态窗口处于活动状态时渲染窗口句柄的数量...

所以我这样做了:

puts page.driver.browser.window_handles.length.should == 2 

我得到了这个:

Failure/Error: page.driver.browser.window_handles.length.should == 2
           expected: 2
           got: 1 (using ==)

据我所知,实际上我的模态窗口不存在.

对此的任何帮助将不胜感激.

谢谢.

我希望能够在用户按下键时关闭ModalWindow,在我的情况下是ESC.

我有一个用于keypress的Javascript监听器,它调用取消按钮的ID的click事件:

jQuery("#"+modalWindowInfo.closeButtonId).click();

这是正确的方法吗？

我想知道因为它适用于Chrome但不适用于FF,但它可能是由于我的具体实现.

第一篇文章 - 你好!我使用fancybox(Fancybox主页)来显示模态窗口.我正试图在这个div里面显示一个带有iFrame的隐藏div.效果很好.第二次单击该链接时,它不会加载iFrame(不是404错误,只是iFrame中没有内容).有人可以帮忙吗？

重要的一点:

<script type="text/javascript">
function openIframeLink() {
    $.fancybox({
        'type'          : 'inline',
        'href'          : '#data'
    });
};
</script>

和HTML:

<div id="hiddenElement">
    <iframe id="data" src="frames/frame4.php" width="100%" height="300"></iframe>
</div>

我想从AJAX加载的图像中选择图像到某个模态窗口.选择图像后,将选定的图像插入我的页面"DIV id = container".

1. 哪个模态插件更适合这个？
2. 这有一些实际的例子吗？(我没找到......)
3. 那么Avgrund模态插件呢,我能用这个插件制作吗？(相反,它是非常好的效果,我喜欢)

简单的问题.我没有按钮触发模态窗口,而是需要使用图像.我无法弄清楚代码来做到这一点.有小费吗？