ajax回调和脚本标记

所以，我终于想出了一个ajax回调不会加载脚本标记之间的页面内容。我一直在试图弄清楚如何解决这个问题（这里没有jQuery专家）。我读过那么多，看着视频 - 使用.load而不是html的，使用eval，追加，把脚本的头部....ajax回调和脚本标记

无论如何，这些方法可能会奏效过，但一个我米，是基于视频我看了工作： [http://www.ajaxvideotutorials.com/V11Videos/jquery_evaluateJavascriptInScriptTagsInAjaxResponse.swf][1]

我用简单的代码进行试验，投入我的大块之前的代码。但为什么我的代码在这里没有工作？我的应用程序是一个rails应用程序

这是我的ajax代码，在一个scripts.js文件中。关键线路需要注意的是：

$(".page-content .testing").find('script') function(){ 
    alert(eval(value)); 
}

所有其他Ajax的东西工作的罚款高达那么 - 这就是我试图用它来展示什么是脚本标记之间，在测试类的代码，这是在页面的内容

$(document).on("ready", function(){ 

    var ajax_loaded = (function(response) {    

     $(".page-content") 

      .html($(response).filter(".page-content"));    

     $(".page-content .ajax").on("click",ajax_load); 

$(".page-content .testing").find('script') function(){ 
    alert(eval(value)); 
} 
}); 


var form_submit = (function(e) {      
    e.preventDefault();        

    var url = $(this).attr("action");    
    var method = $(this).attr("method");    


    var data = {}         
    $(this).find("input, textarea, select").each(function(i){ 
     var name = $(this).attr("name");    
     var value = $(this).val();     

     data[name] =value;       

    }); 

    $.ajax({           
     "url": url,         
     "type": method,        
     "data": data,        
     "success": ajax_loaded, 
     "error": function() {alert("bad");}   
    }); 
}); 


var history = [];         

var current_url_method;        

var ajax_load = (function(e) {      
    e.preventDefault();        


    history.push(this);        

    var url =$(this).attr("href");     
    var method = $(this).attr("data-method");  

    if (current_url_method != url + method) {  
     current_url_method = url + method;   

     $.ajax({          
      "url": url,        
      "type": method,       
      "success": ajax_loaded,     
     }); 
    } 
}); 

$("#menu a").on("click",ajax_load); 

$("#menu a.main").trigger("click"); 
$(".search-box form").on("submit", form_submit); 
// $("#t_and_c").trigger("click"); 


});

在我show.html.erb文件我有：

<div class ='page-content'> 
<div class = "testing"> 

<script type="text/javascript"> 
value=10 
</script> 
</div> 
</div>

感谢您的帮助！克里斯

来源

2013-04-22 CHarris

如果我没有弄错，如果你想要任何一个类的元素，他们必须用逗号分隔。如果你想要两个元素，就不能有空间。

$(".page-content,.testing").find('script') function(){ 
    alert(eval(value)); 
}

或

$(".page-content.testing").find('script') function(){ 
    alert(eval(value)); 
}

http://jsfiddle.net/yatrix/bBBRa/1/

来源

2013-04-22 14:40:08 Yatrix

ajax回调和脚本标记

回答

相关问题