我原来的代码就是这个:
function MenuPopulate(url, listname, target) {
var lang = "Espanol";
if ((window.location.href.indexOf("lang=en") > 0)) {
lang = "English";
}
function failureMenu(data, target) {
console.log(data);
$(target).text("Ocurrió un error en la carga del menú. Por favor revise la consola para más información");
}
}
// Getting our list items
$.ajax({
url: url + "/_api/web/lists/getbytitle('" + listname + "')/items?$select=Title,Enlace&$orderby=Posicion&$top=6&$filter=Idioma eq '" + lang + "'",
method: "GET",
headers: { "Accept": "application/json; odata=verbose" },
success: function (data) {
completeMenu(data, target);
},
error: function (data) {
failureMenu(data, target);
}
});
}
function completeMenu(data, target) {
var prefix = "<ul class='nav navbar-nav navbar-right'>";
var sufix = "</ul>";
var items = data.d.results;
var menu = "";
for (item in items) {
if(items[item].Title == "ÚNETE A NOSOTROS" ){
/*menu += "<button type='button' class='btn btn-link' data-toggle='modal' data-target='#mymodal'>"*/
menu += "<li><a href='#mymodal' data-toggle='modal' data-target='#mymodal'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else if(items[item].Title == "CONTÁCTANOS"){
menu += "<li><a href='#mymodal2' data-toggle='modal' data-target='#mymodal2'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else if(items[item].Title == "JOIN TO US"){
menu += "<li><a href='#mymodal' data-toggle='modal' data-target='#mymodal'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else if(items[item].Title == "CONTACT"){
menu += "<li><a href='#mymodal2' data-toggle='modal' data-target='#mymodal2'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else{
menu += "<li><a href=" + items[item].Enlace + ">" + items[item].Title + "</a></li><li class='divider-vertical'></li>";
}
}
$(target).html(prefix + menu + sufix);
}
function failureMenu(data, target) {
console.log(data);
$(target).text("Ocurrió un error en la carga del menú. Por favor revise la consola para más información");
}
它完美无缺,但现在我想根据所选语言更改代码以打开不同的模式:
因此,我将mymodal
更改为mymodal3
,将mymodal2
更改为mymodal4
else if(items[item].Title == "JOIN TO US"){
menu += "<li><a href='#mymodal3' data-toggle='modal' data-target='#mymodal3'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else if(items[item].Title == "CONTACT"){
menu += "<li><a href='#mymodal4' data-toggle='modal' data-target='#mymodal4'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
所以在我的功能中:
if ((window.location.href.indexOf("lang=en") > 0)) {
lang = "English";
}
我获得英语模态的代码并加入其中,如下所示:
function MenuPopulate(url, listname, target) {
var lang = "Espanol";
if ((window.location.href.indexOf("lang=en") > 0)) {
lang = "English";
function completeMenu(data, target) {
var prefix = "<ul class='nav navbar-nav navbar-right'>";
var sufix = "</ul>";
var items = data.d.results;
var menu = "";
for (item in items) {
if(items[item].Title == "JOIN TO US"){
menu += "<li><a href='#mymodal3' data-toggle='modal' data-target='#mymodal3'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>" }
else if(items[item].Title == "CONTACT"){
menu += "<li><a href='#mymodal4' data-toggle='modal' data-target='#mymodal4'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else{
menu += "<li><a href=" + items[item].Enlace + ">" + items[item].Title + "</a></li><li class='divider-vertical'></li>";
}
}
$(target).html(prefix + menu + sufix);
}
function failureMenu(data, target) {
console.log(data);
$(target).text("Ocurrió un error en la carga del menú. Por favor revise la consola para más información");
}
}
// Getting our list items
$.ajax({
url: url + "/_api/web/lists/getbytitle('" + listname + "')/items?$select=Title,Enlace&$orderby=Posicion&$top=6&$filter=Idioma eq '" + lang + "'",
method: "GET",
headers: { "Accept": "application/json; odata=verbose" },
success: function (data) {
completeMenu(data, target);
},
error: function (data) {
failureMenu(data, target);
}
});
}
function completeMenu(data, target) {
var prefix = "<ul class='nav navbar-nav navbar-right'>";
var sufix = "</ul>";
var items = data.d.results;
var menu = "";
for (item in items) {
if(items[item].Title == "ÚNETE A NOSOTROS" ){
/*menu += "<button type='button' class='btn btn-link' data-toggle='modal' data-target='#mymodal'>"*/
menu += "<li><a href='#mymodal' data-toggle='modal' data-target='#mymodal'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else if(items[item].Title == "CONTÁCTANOS"){
menu += "<li><a href='#mymodal2' data-toggle='modal' data-target='#mymodal2'>" + items[item].Title + "</a></li><li class='divider-vertical'></li>"
}
else{
menu += "<li><a href=" + items[item].Enlace + ">" + items[item].Title + "</a></li><li class='divider-vertical'></li>";
}
}
$(target).html(prefix + menu + sufix);
}
function failureMenu(data, target) {
console.log(data);
$(target).text("Ocurrió un error en la carga del menú. Por favor revise la consola para más información");
}
它适用于英文版(mymodal3 and mymodal4
),但在西班牙语版本列表中没有填充,它只是没有传递给我的第二个function completeMenu(data, target) {
我非常感谢帮助。此致