jquery高亮插件不适用于chrome

时间:2014-06-10 13:50:33

标签: javascript jquery html css

在chrome和Firefox中,要突出显示的文本将替换为空格。这个插件适用于IE。我该如何解决这个问题?感谢。

我正在使用这个插件: http://johannburkard.de/resources/Johann/jquery.highlight-4.js

我的代码: (logsid是我文本区域的id)

$.get('HelloWorld', {'data' : data}, function(newLogs) {
    $('#logsid').append(newLogs);
    if($('#highlightId').val()) {
        $('#logsid').highlight($('#highlightId').val());
    } 
});

更多信息: 我的文本区域不断更新新日志。我以固定的间隔发送ajax请求并显示结果。从显示的结果我尝试突出显示keyowrd。

我的CSS代码:     .highlight {         背景颜色:黄色;     }

body {
    background-color:#d0e4fe;
}

h1 {
    color:grey;
    text-align:center;
}

p {
    font-family:"Times New Roman";
    font-size:16px;
}

我的整个jquery代码:

$(document).ready(function() {  
    setInterval(function() { 
        $.get('HelloWorld', {'data' : data}, function(newLogs)
            $('#logsid').append(newLogs);
            $('#logsid').append("<br>");
            $('#logsid').scrollTop($('#logsid')[0].scrollHeight)
            if($('#highlightId').val()){
                $('#logsid').highlight($('#highlightId').val());
            } 
        }); 
        $.ajaxSetup({cache: false});
    },3000);
});

我已将插件包含在我的网络内容文件夹中,并在script标签中包含了该路径。我是初学者,所以我不确定我是否遗漏了什么。感谢。

0 个答案:

没有答案