Javascript 如何检查行是否为空,然后不显示?
这是我在javascript中用来读取文本文件中的行并将它们添加到jquery插件newsticker的部分:Javascript 如何检查行是否为空,然后不显示?,javascript,jquery,Javascript,Jquery,这是我在javascript中用来读取文本文件中的行并将它们添加到jquery插件newsticker的部分: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="http://risq.github.io/jquery-advanced-news-ticker/assets/js/jquery.newsTicker.js"&
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://risq.github.io/jquery-advanced-news-ticker/assets/js/jquery.newsTicker.js"></script>
<style>
.newsticker {
max-width: 620px;
margin: auto;
}
.newsticker li {
color: #4e4e4e;
background: #F2F2F2;
overflow: hidden;
height: 28px;
padding: 10px;
line-height: 30px;
list-style: none;
font-size: 20px;
text-align: left;
border-bottom: 1px dotted #2c8162;
}
.newsticker li:hover {
background: #FFF;
}
</style>
<script>
$('body').find('.newsticker').remove();//It will clear old data if its present
var file = "http://newsxpressmedia.com/files/theme/test.txt";
$.get(file, function (txt) {
//var lines = txt.responseText.split("\n");
var lines = txt.split("\n");
$ul = $('<ul class="newsticker" />');
for (var i = 0, len = lines.length; i < len; i++) {
//save(lines[i]); // not sure what this does
$ul.append('<li>' + lines[i] + '</li>'); //here
}
//$ul.appendTo('body').newsTicker({
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
</script>
文本为希伯来文,但例如,这是两行:
Hi world
5/3/2013
14月9日的现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场1492.מבזקים。
2014年4月7日
然后是空行,然后是另外两行。
这两行我每次都想在jquerynewsticker中显示,并将它们作为两行中的一块向上滚动 检查循环中的行长度是否大于0:
for (var i = 0, len = lines.length; i < len; i++) {
//save(lines[i]); // not sure what this does
if (lines[i].length>0)
$ul.append('<li>' + lines[i] + '</li>'); //here
}
for(变量i=0,len=lines.length;i0)
$ul.append(“”+行[i]+“ ”);//此处
}
它看起来好像需要在追加行之前检查行是否为空
for (var i = 0, len = lines.length; i < len; i++) {
// check if an empty line
if(lines[i] != ""){
$ul.append('<li>' + lines[i] + '</li>');
}
}
for(变量i=0,len=lines.length;i”+行[i]+“”);
}
}
假设要在单个li
中显示文本,trim
行并检查其是否为空,然后将其添加到text
变量中,请尝试以下操作:
$.get(file, function(txt) {
var text = '';
var lines = txt.split("\n");
$ul = $('<ul class="newsticker" />');
$.each(lines, function(i, v) {
v = $.trim(v);
if (v !== '') {
text += v + ' ';
}
});
$ul.append('<li>' + text + '</li>');
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
$.get(文件、函数(txt){
var text='';
变量行=txt.split(“\n”);
$ul=$(');
$。每个(行、函数(i、v){
v=$.trim(v);
如果(v!=''){
text+=v+'';
}
});
$ul.append(“- ”+text+“
”);
$ul.appendTo('div.wcustomhtml')。新闻代码({
行高:48,
最大行数:2,
速度:6000,
方向:'向上',
持续时间:1000,
自动启动:1,
暂停悬停:1
});
});
如何更改循环的行步骤:
$('body').find('.newsticker').remove();//It will clear old data if its present
var file = "http://newsxpressmedia.com/files/theme/test.txt";
$.get(file, function (txt) {
//var lines = txt.responseText.split("\n");
var lines = txt.split("\n");
$ul = $('<ul class="newsticker" />');
for (var i = 0, len = lines.length; i < len; i+=3) { // step: 3
//save(lines[i]); // not sure what this does
$ul.append('<li>' + lines[i] + '</li>'); //here
$ul.append('<li>' + lines[i+1] + '</li>');
}
//$ul.appendTo('body').newsTicker({
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
$('body').find('newsticker').remove()//如果存在旧数据,它将清除旧数据
变量文件=”http://newsxpressmedia.com/files/theme/test.txt";
$.get(文件、函数(txt){
//var lines=txt.responseText.split(“\n”);
变量行=txt.split(“\n”);
$ul=$(');
对于(var i=0,len=lines.length;i”+行[i]+“”);//此处
$ul.append('- '+行[i+1]+'
');
}
//$ul.appendTo('body')。新闻票证({
$ul.appendTo('div.wcustomhtml')。新闻代码({
行高:48,
最大行数:2,
速度:6000,
方向:'向上',
持续时间:1000,
自动启动:1,
暂停悬停:1
});
});
什么是行
内容?你能发布文本文件的原始内容吗?我对你的问题进行了编辑,以使换行符清晰。如果你检查它的格式是否符合发布前的预期,这会有所帮助。编辑我的问题添加了我正在使用的完整javascript代码,还添加了指向文本文件内容的链接:和al所以我解释了我想要它做什么。这就是我的网站现在的样子:想知道为什么它会被否决…似乎这就是这个明显问题的解决方案:我现在在我的代码中使用你的解决方案,但仍然没有帮助。看看我的网站:看看它看起来如何,也看看我在问题中所做的更新,添加了完整的javascrip我不知道为什么你的解决方案不起作用。你能在循环中添加这个:window.console.log(“LINE”+I+“VALUE[“+lines[I]+”””);
…也许行不是空的,但有空格,如果是这样的话:if(lines[I].trim().length>0)
。。。
for (var i = 0, len = lines.length; i < len; i++) {
// check if an empty line
if(lines[i] != ""){
$ul.append('<li>' + lines[i] + '</li>');
}
}
$.get(file, function(txt) {
var text = '';
var lines = txt.split("\n");
$ul = $('<ul class="newsticker" />');
$.each(lines, function(i, v) {
v = $.trim(v);
if (v !== '') {
text += v + ' ';
}
});
$ul.append('<li>' + text + '</li>');
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});
$('body').find('.newsticker').remove();//It will clear old data if its present
var file = "http://newsxpressmedia.com/files/theme/test.txt";
$.get(file, function (txt) {
//var lines = txt.responseText.split("\n");
var lines = txt.split("\n");
$ul = $('<ul class="newsticker" />');
for (var i = 0, len = lines.length; i < len; i+=3) { // step: 3
//save(lines[i]); // not sure what this does
$ul.append('<li>' + lines[i] + '</li>'); //here
$ul.append('<li>' + lines[i+1] + '</li>');
}
//$ul.appendTo('body').newsTicker({
$ul.appendTo('div.wcustomhtml').newsTicker({
row_height: 48,
max_rows: 2,
speed: 6000,
direction: 'up',
duration: 1000,
autostart: 1,
pauseOnHover: 1
});
});