JQuery是一種優秀的JavaScript庫，為網頁開發帶來了諸多便利。其中，觸屏左右滑動導航的實現，更是成為了現代網頁設計的重要組成部分。

$(document).ready(function() {
var links = $(".nav-item");
var currentIndex = 0;
function setActiveItem(index) {
links.removeClass("active");
links.eq(index).addClass("active");
}
setActiveItem(currentIndex);
$(".prev").click(function() { 
currentIndex--;
if (currentIndex < 0) {
currentIndex = links.length - 1;
}
setActiveItem(currentIndex);
});
$(".next").click(function() { 
currentIndex++;
if (currentIndex >= links.length) {
currentIndex = 0;
}
setActiveItem(currentIndex);
});
});

以上代碼是一個簡單的觸屏左右滑動導航的實現。其中，通過JQuery選擇器獲取了導航條中所有的元素，通過一個變量來記錄當前選中的元素。函數setActiveItem用于設置當前選中元素的狀態。

接下來，分別對“prev”和“next”按鈕進行綁定點擊事件的操作。通過點擊事件來改變currentIndex變量值，從而改變當前選中元素的狀態，并調用setActiveItem函數來重新設置選中元素，實現滑動導航的效果。

這是一個簡單的觸屏左右滑動導航實現案例。在實際開發中，我們可以將其進行更多的優化和擴展，來滿足不同的業務需求。