javascript - 如果 json 请求返回下一个链接为 "next"，则隐藏 "false"链接

Question

$("#wrap .project").append($("<a id='previous-project' href='"+ path + "#project/" + data.prev + "'>previous</a><a id='next-project' href='"+ path + "#project/" + data.next + "'>next</a>"));

凌乱，我知道。 path 是类(class)的主路径，data.prev 和 data.next 是指向下一个项目的链接。项目自然会结束，然后当我将鼠标悬停或单击链接时，它会给我路径/错误。

我尝试过这个:

        if(data.next == false){$('#wrap .project #prev-project').hide()};
        if(data.prev == false){$('#wrap .project #next-project').hide()};

但它并没有隐藏任何东西。我向 data.next 和 data.prev 发出警报，它给了我 false。我也在 if 中尝试了“false”，什么也没有，链接仍然显示。

有什么问题吗？

Answer 1

怎么样:

var prev = data.prev ? '<a id="previous-project" href="'+ path + '#project/" ' + data.prev + '">previous</a> ' : '<span class="nolink">previous</span> ';
var next = data.next ? '<a id="next-project" href="'+ path + '#project/" ' + data.next + '">next</a>' : '<span class="nolink">next</span>';
$("#wrap .project").append(prev + next);

在样式表中创建一个 .nolink {...} 样式来设置空上一个/下一个文本的样式，例如。 .nolink { 颜色:#e0e0e0; }.

除非在其他地方使用它们，否则您不需要 ID。