Jquery 通过单击已排序的列表来更改div中的图像？

我正在做一个爱好HTML项目，里面有很多PHP和Jquery。 我终于完成了分类工作： .
现在，当我对列表进行排序并单击剩余按钮之一时，我需要更改图片

我的代码在这里：

}))

要想知道我的意思并感到饥饿，请看这里的纸杯蛋糕：

---

我建议您将数据移动到列表项本身的

数据-*

属性：

<!-- Storing data on the element is cleaner, and more manageable -->
<ul id="items">
    <li data-src="pie_1.png" data-desc="Desc Item 1">Item 1</li>
    <li data-src="pie_2.png" data-desc="Desc Item 2">Item 2</li>
</ul>

最后，将数据属性值设置为信息区域内的图像和文本：

$("#items").on("click", "li", function () {
    // Get the data from the clicked list item
    var data = $(this).data();
    // Use the data for our info elements
    $("#info")
        .find("img").attr("src", data.src).end()
        .find("p").html(data.desc);
});

---

Fiddle:

我鼓励您将数据移动到列表项本身的

数据-*

属性：

<!-- Storing data on the element is cleaner, and more manageable -->
<ul id="items">
    <li data-src="pie_1.png" data-desc="Desc Item 1">Item 1</li>
    <li data-src="pie_2.png" data-desc="Desc Item 2">Item 2</li>
</ul>

最后，将数据属性值设置为信息区域内的图像和文本：

$("#items").on("click", "li", function () {
    // Get the data from the clicked list item
    var data = $(this).data();
    // Use the data for our info elements
    $("#info")
        .find("img").attr("src", data.src).end()
        .find("p").html(data.desc);
});

---

Fiddle:

对列表进行排序时，您的意思是什么。JSFIDLE中出现了什么问题？当列表被排序时，您的意思是什么。JSFIDLE有什么问题？