我正在尝试动态生成查询中的新闻列表。从.json文件读取新闻,并相应地生成html代码。由于它是一个双语站点(IT-EN),因此我将所有页面(主页除外)分为两个子文件夹,分别称为it和en。通过将插入的语言标识为页面标签中的lang属性并在json中添加由数字索引建议的“新闻#”来动态生成新闻页面的链接。当我转到新闻页面时,我使用window.location.toString (). Split ('#')
分割网址,然后选择#后面的网址。我设法动态生成了所有内容,并且可以正常运行99%,但是链接具有重复的语言:而不是/en/news#
o /it/news# ottengo /it/it/news#
。我省略了扩展名,因为它是由.htaccess自动插入的。
我试图通过直接编写所有内容来消除包含链接和语言的变量,但这没有帮助。
function genera_elencoNews (objDati){
let lingua = $('html')[0].lang.toLowerCase();
let articolo = objDati.articoli;
articolo = articolo.reverse();
let article = '';
let link_img = '';
let link = '';
let foto = '';
let data_articolo = '';
let titolo = '';
let contenuto = '';
for (let i = 0; i < Object.keys(objDati.articoli).length; i++){
article = $('<article>').attr('class', 'box excerpt');
link_img = $('<a>').attr('class', 'image left').attr('href', lingua + '/news#' + articolo[i].newsId);
link = $('<a>').attr('href', lingua + '/news#' + articolo[i].newsId);
foto = $('<img>').attr('class', 'Miniatura').attr('src', '/img/news/'+ articolo[i].foto);
data_articolo = $('<span>').attr('class', 'date').html(articolo[i].data);
titolo = articolo[i].titolo;
contenuto = $('<p>').html(articolo[i].contenuto.substring (0, 200) + '...');
$(article)//Genitore. tutto il resto è inserito dentro <article>
.prepend(link_img.append(foto))// Inserisce link e dentro mette la foto <article> --> <a> --><img>
.append($('<div>') //<article> --> <div>
.append($('<header>')// <article> --> <div> --> <header>
.append(data_articolo)//<article> ---> <div> ---><header> ---><span>DATA
.append($('<h3>')
.append(link.html(titolo))))
.append(contenuto))
.appendTo('#ultimeNews');
}
}
我正在尝试动态生成查询中的新闻列表。从.json文件读取新闻,并相应地生成html代码。由于它是一个双语站点(IT-EN),因此我将所有... [
我设法解决了这个问题,但我决定不删除该问题,以免对其他人有用。