Question

我希望基本相同 jquery select image

您可以选择其中一个的一行图像。

但是我正在尝试设置我选择的那个并存储它。

var selectedicon = "";

function selecticon(){

$('#iconselect').children().click(function(){
        $(".selectedicon").removeclass("selectedicon");
        selectedicon = $(this).attr("src");
        $(this).addclass("selectedicon");
    });
}

在此

  <div id="iconselect">
    <img src="/red-dot.png" class="selectedicon" />
    <img src="/green-dot.png" />
    <img src="/blue-dot.png" />
    <img src="/orange-dot.png" />
</div>

我做错了什么？

Answer 1

正如您不是说不起作用，这是一个疯狂的猜测：

可能永远不会调用函数selection()，因此单击处理程序永远不会附加到元素上。将代码放入document.ready回调中：

var selectedicon = "";

$(function() {
    // I would use $('#iconselect img').click(...)
    $('#iconselect').children().click(function(){
        $(".selectedicon").removeClass("selectedicon");
        selectedicon = $(this).attr("src");
        $(this).addClass("selectedicon");
    });
});

这可确保在加载DOM后执行代码。

方法名称中也有一些拼写错误：

removeclass()必须为removeClass()
addclass()必须为addClass()

Answer 2

jQuery addClass和removeClass输入错误（C应为大写）。

函数selecticon是否完全被调用？

jQuery：在点击事件上将css应用于图像

2 个答案: