jQuery .data（）与.click不兼容

Question

我想显示data-title div的{​​{1}}内容id="shirt" Shirt Front，并在点击按钮结帐时发出提醒。它不起作用。

jQuery代码段：

var bandcolor='';
var facecolor='';

$("#shirt").click(function(){
    bandcolor=$("#shirt").data("title");
});

$("#checkout-button").click(function(){
    alert(bandcolor);
});

HTML代码段：

<div id="main-container" class="container">
    <div id="content">
        <div id="fpd">
            <div class="fpd-product" id="shirt" data-title="Shirt Front" data- thumbnail="images/hoodie/Black.png">
                 <img src="images/hoodie/Black.png" data-title="Shirt Front"  />

您可以在http://www.shivsample.comlu.com查看我的网站。带有div的{​​{1}}是左侧面板上的第一张图片。

完整的html代码如下：

id="shirt"