不能通过ajax层加载javascript

Question

原来，我使用ajax来更改div的内容以进行更改并向我显示不同的滑块，如果可以看的话，在这里我传递文件，我有几天试图为网络寻找答案，而尝试代码失败。

文件： https ： //dl.dropboxusercontent.com/u/27792874/ejemplo.rar

Ajax代码：

 <script>
function nuevoAjax(){

    var xmlhttp=false;
    try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
    xmlhttp = false;
    }
    }

    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;

} 



function Cargar(url){


var centro_galeria = document.getElementById('centro_galeria'); 


ajax=nuevoAjax(); 
ajax.open("GET", url,true); 

ajax.onreadystatechange=function(){

if(ajax.readyState==4){


centro_galeria.innerHTML=ajax.responseText;

}

}

ajax.send(null);




}


</script>

Answer 1

我下载并阅读了代码-我有以下建议：不要将jQuery与旧技术混合使用。

此代码似乎是正确的

$(document).ready(function(){

$('#slider1').cycle({
    fx: 'fade', //'scrollLeft,scrollDown,scrollRight,scrollUp',blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,ipe ,zoom
    speed:  '600', 
    timeout: '7000',
    next:   '#next', 
    prev:   '#prev',
    pager:  '#thumb',
       pauseOnHover: false,                 // if you hover pauses the slider
        startClockOnMouseOut: false,        // if clock should start on MouseOut


    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="' + slide.src + '" width="43" height="29" /></a></li>'; 
    }  
});
});

但

function nuevoAjax(){

var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;   
} 

和

function Cargar(url){
var centro_galeria = document.getElementById('centro_galeria'); 

ajax=nuevoAjax(); 
ajax.open("GET", url,true); 

ajax.onreadystatechange=function(){

if(ajax.readyState==4){
     $.getScript("js/jquery.min.js");
$.getScript("js/jquery.cycle.all.js");

centro_galeria.innerHTML=ajax.responseText;

}
}     
ajax.send(null);
}

彼此冲突-因为您将旧技术编写的Ajax函数与jQuery ajax技术结合在一起。

我认为最大的问题是此代码：

ajax=nuevoAjax(); 
ajax.open("GET", url,true);

因为.open('GET', url, true)是jQuery的问题-但ajax=nuevoAjax(); 是经典的事情

解决方案是：仅使用jQuery ajax技术。 当然，如果您已经在页面的<head>部分中链接了jQuery，则无需再次通过else ajax调用它。