Javascript 使用CSS向Jquery Loopedslider添加超链接按钮

所以我花了两个小时的时间把头撞在墙上，这可能是一个简单的解决方案（？）：

我想向jquery Loopedslider中的每个图像/div添加一个使用CSS的超链接按钮

我以前曾多次使用loopedslider，但从未需要添加超链接按钮。亚马逊网站商店主页就是一个很好的例子：每个图片的按钮都在左下角

使用Loopedslider可以这样做吗？天哪，这有意义吗？？：-/

任何帮助都将不胜感激！干杯！：-）

类似这样：

.yourDiv:after{
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
    display: block;
    padding: 5px;
    content: "click here!";
    background-color: blue;
    color: #fff;
    font-family: "comic sans", arial, sans-serif;
    font-size: 12px;
}

当然，您需要使用例如slider div{}来定位滑块中的特定div

然后在js中添加click函数

更新： jQuery似乎无法将功能放在：after元素上。所以我的建议是在jQuery中添加按钮，而不是css

这应该够了

$("#loopedSlider .slider div").each(function(){
    // of course you'll need to create the class (.myBtnStyling) in your css file...
    var btn = $("<div>")
        .addClass("myBtnStyling")
        .text("Click here!");

    btn.click(function(){
        // click functionality here...
        alert("yay");
    });

    $(this).append(btn);
});

$（“#loopedSlider.slider div”）.each（函数（）{
//当然，您需要在css文件中创建类（.myBtnStyling）。。。
变量btn=$（“”）
.addClass（“myBtnStyling”）
.text（“单击此处！”）；
点击（函数（）{
//单击此处。。。
警惕（“耶”）；
});
$（此）.append（btn）；
});

能否请您更具体一点：针对DIV和js点击功能？我是否需要为每个.slides div重新命名，以便每个都链接到不同的页面？我想所有的圣诞欢呼都影响了我的脑细胞！？：-/对耽搁表示歉意。我对问题进行了分类，只是：……并相应地设置css类的样式。再次谢谢你，汤米。