Question

嗯，这个主题已经讨论过（很多），我用所有的答案来编写我自己的代码，但是......我无法使它工作。

我有不同的缩略图导致.html页面，我试图通过使用ajax函数加载div（在我的主页面中）。包含内容的div是＆＃39; galerie-container＆＃39; （原创，嗯？）并点击缩略图（通过jquery也出现）

到目前为止，我得到了这段代码（在document.ready（）中）：

$(".galerie-thumbnails a").click(function(){

    if (trigger == 0) {

        $("#galerie-container, .galerie-thumbnails-wrap:visible .galerie-div").slideDown("slow");
        $("#galerie .content").animate({"top": "-=235px"}, "slow");
        $(".next, .prev").hide();
        $(".galerie-thumbnails a").css({"opacity": "0.2"}).click(function(){ return false;
        });             
        trigger = 1;

        // ***** loading pages in #galerie-content ******

        url = $(this).attr("href");
        getContent(url);

        $(this).blur();
        return false;
        } 

    else {

        $("#galerie-container, .galerie-thumbnails-wrap:visible .galerie-div").slideUp("slow");
        $("#galerie .content").animate({"top": "+=235px"}, "slow");
        $(".next, .prev").delay(600).fadeIn("slow");
        $(".galerie-thumbnails a").css({"opacity": "1"});
        trigger = 0;
        $('#galerie-content').text('bye');
        return false;
        }
    });

 function getContent(url) {
        $.ajax({
        url: url+"ajax.html",
        dataType: "html",
        //if it worked
        success: function(html) {
            $("#galerie-content").html(html).fadeIn();
        }
        });
}

我也尝试过：

var page = $(this).attr('href');    
$('#galerie-content').load('galerie/' + page + '.html');

但它也不起作用。我只是无法加载页面，当容器出现时没有任何反应。

有些人问，我的网站是免费网络托管服务。当我尝试在调试器上点击我的缩略图时，我有以下错误： ＆＃39; XMLHttpRequest无法加载http://error404.000webhost.com/？ No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。因此不允许原点访问。＆＃39;

但是，我的所有文件都在同一个域下，我可以从URL栏访问单个文件，我也更改了我的.htaccess文件（用：

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

）

你有什么想法吗？我希望你掌握所需的所有信息。谢谢你的帮助！

由ajax函数加载的html内容

0 个答案: