javascript - jQuery.load() : loading a div when click

标签 javascript jquery events load click

我想实现这一点:当单击图像时,在该图像所在的 div 中,加载包含来自另一个 .html 的其他内容的 div,但我无法完成。

如果我这样做,以下内容将完美运行:

$('#windows_link').click(function(){
        $('#apps_container').html("Hi!");
    });

但是如果我执行以下操作,则不起作用;它实际上没有做任何事情:

$('#windows_link').click(function(){
        $('#apps_container').load('windows_apps.html #apps_container');
    });

请问有什么帮助吗?

提前非常感谢!

最佳答案

当您在本地时,任何其他 HTML 路径在某些浏览器中都会被视为另一个域(Chrome 就在列表中)。这意味着您尝试的任何 AJAX 请求(.load() 在下面执行的操作)都将被 same origin policy 阻止。 .

你所拥有的可能会正常工作......只是不是在本地,在 Chrome 中。

您可以通过在其他浏览器(例如 Firefox)中测试或启动 chrome with a command line switch 来验证这一点。禁用此安全功能(用于测试!,之后将其关闭):

chrome.exe --disable-web-security

关于javascript - jQuery.load() : loading a div when click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6549189/

相关文章:

javascript - 使用 Node.JS SerialPort 发送短信

javascript - 当 xhttp 对象从 XML 获取数据时,如何显示进度计数器?

javascript - 在 nouislider 上突出显示点数/刻度

jquery - 使用按钮导航以打开页面(jquery)

javascript - 显示/隐藏切换按钮未按预期工作

javascript - Android 2.x 和 3.x WebKit 困惑

c# - 删除事件处理程序

python - 是否有解决方法可以在单独的线程中清空事件队列?

java - 在swing中拖动对象,MouseMotionListener是在对象中还是在JPanel中?

javascript - 使用 Knockout.js 准备好 jQuery 文档