Question

下面是在服务器上点击url并获取html响应的代码片段。我可以看到 firefox调试器内部的响应，但不会显示在div标签中。

$.ajax({
    url: url,
    dataType: 'html',
    data: '',
    type: 'POST',
    success: function(data) {
        //in firefox debugger i can see complete html response inside data 
        $('#displayContent').html(data); // but here, it does not  
        // append the html inside div displayContent. Instead it makes 
        // the current page blank
    }
});

看起来这是因为“$ is not defined”错误（我在firefox调试器中看到）。这是因为包含下面的javascript文件，因为如果我注释掉这个文件，我不会在firefox调试器中得到这个错误，并且页面显示正确。但是我不能注释掉这个文件，因为我需要它用于文本丰富编辑。虽然同样的tiny_mce.js正在其他jsp文件中工作，但我不知道为什么我会收到此错误？是否与通过ajax加载html内容有任何关系？

 <script type="text/javascript" src='<s:url value="/script/tinymce/jscripts/tiny_mce/tiny_mce.js"/>'></script>

Answer 1

jQuery有一个noConflict模式，它允许你使用不同的快捷方式调用jQuery函数，并为其他框架留下'$'。

http://api.jquery.com/jQuery.noConflict/

Answer 2

首先在你的项目中包含jquery，其次包括像这样的tinymce。

<script type="text/javascript" src="/script/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

附加ajax html响应时$ $未定义错误？

2 个答案: