0

所以，我终于发现 ajax 回调不会加载脚本标签之间的页面内容。我一直在尝试如何找出问题（这里没有 jquery 专家）。我已经阅读了很多并观看了视频 - 使用 .load 而不是 .html，使用 eval，追加，将脚本放在标题中......

无论如何，这些方法也可能有效，但我正在使用的方法是基于我观看的视频：[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>

谢谢你的帮助！克里斯

4

1 回答 1

0

如果我没记错的话，如果你想要任何一个类的元素，它们必须用逗号分隔。如果你想要两者都有的元素，就不能有空格。

$(".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-22T14:40:08.630 回答