jQuery colorbox加载除Chrome之外的所有本地内容

jQuery colorbox加载除Chrome之外的所有本地内容,jquery,ajax,google-chrome,colorbox,Jquery,Ajax,Google Chrome,Colorbox,我使用Colorbox从外部(但本地)文件加载一些内容 除了Google Chrome,所有内容都会出现 已附加事件处理程序的链接: <div id="content"> <p><a id="modal" href="popup.html" target="_blank">link to popup</a></p> </div> 而我试图注入的页面: <!DOCTYPE html PU

我使用Colorbox从外部(但本地)文件加载一些内容

除了Google Chrome,所有内容都会出现

已附加事件处理程序的链接:

    <div id="content">
        <p><a id="modal" href="popup.html" target="_blank">link to popup</a></p>
    </div>
而我试图注入的页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Hotels.com</title>
    <meta name="title" content="" />
    <meta name="keywords" content="Hotels, travel" />
    <meta name="author" content="Ryan Pays" />
    <link rel="icon" href="favicon.ico" type="image/x-icon" />  
</head>
    <body id="pop">
        <div class="wrap">
            <div class="section">
                <div class="redBar">
                    <p>Lorem ipsum</p>
                </div>
                <form id="frmExp" name="frmExp" method="post" action="#">
                    <fieldset>
                        <legend>A form</legend>
                        <ul>
                            <li>
                                <input type="radio" id="radYes" name="rdAnswer" value="Yes" />
                                <label for="radYes">Yes</label>
                            </li>   
                            <li>    
                                <input type="radio" id="radNo" name="rdAnswer" value="Yes" />
                                <label for="radNo">No</label>
                            </li>
                            <li>
                                <button type="submit">
                                    <span>Button</span>
                                </button>
                            </li>
                            <li>
                                <button type="submit">
                                    <span>Bigger button</span>
                                </button>
                            </li>
                            <li>
                                <button type="submit" class="back">
                                    <span>Back button</span>
                                </button>
                            </li>
                        </ul>
                    </fieldset>
                </form>
            </div>
            <div class="aside">
                <ul>
                    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam placerat aliquet nibh</li>
                    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam placerat aliquet nibh</li>
                </ul>
            </div>
        </div>
    </body>
</html>

Hotels.com
同侧眼睑

表格
  • 按钮
  • 大按钮
  • 后退按钮
  • Lorem ipsum dolor sit amet,是一位杰出的领导者。无缘
  • Lorem ipsum dolor sit amet,是一位杰出的领导者。无缘

尤其是Windows XP SP3上的Google Chrome和ColorBox,它有一个已知的类似这样的bug。 这在1.3.9中已修复,因此请确保更新插件

你可以在这里找到来源

尤其是Windows XP SP3上的Google Chrome和ColorBox,有一个已知的bug,就是这样。 这在1.3.9中已修复,因此请确保更新插件

你可以在这里找到来源
Chrome默认情况下不允许AJAX在其安全设置下访问本地文件。您必须使用
--allow file access from files
启动参数显式启用它。

Chrome默认情况下不允许AJAX在其安全设置下访问本地文件。您必须使用
--allow file access from files
启动参数显式启用它。

您尝试过这个吗?你试过这个吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Hotels.com</title>
    <meta name="title" content="" />
    <meta name="keywords" content="Hotels, travel" />
    <meta name="author" content="Ryan Pays" />
    <link rel="icon" href="favicon.ico" type="image/x-icon" />  
</head>
    <body id="pop">
        <div class="wrap">
            <div class="section">
                <div class="redBar">
                    <p>Lorem ipsum</p>
                </div>
                <form id="frmExp" name="frmExp" method="post" action="#">
                    <fieldset>
                        <legend>A form</legend>
                        <ul>
                            <li>
                                <input type="radio" id="radYes" name="rdAnswer" value="Yes" />
                                <label for="radYes">Yes</label>
                            </li>   
                            <li>    
                                <input type="radio" id="radNo" name="rdAnswer" value="Yes" />
                                <label for="radNo">No</label>
                            </li>
                            <li>
                                <button type="submit">
                                    <span>Button</span>
                                </button>
                            </li>
                            <li>
                                <button type="submit">
                                    <span>Bigger button</span>
                                </button>
                            </li>
                            <li>
                                <button type="submit" class="back">
                                    <span>Back button</span>
                                </button>
                            </li>
                        </ul>
                    </fieldset>
                </form>
            </div>
            <div class="aside">
                <ul>
                    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam placerat aliquet nibh</li>
                    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam placerat aliquet nibh</li>
                </ul>
            </div>
        </div>
    </body>
</html>