点击功能在悬停功能中禁用点击悬停功能

Question

嘿我有一个悬停功能，使用for循环填充无序列表中的列表项。生成列表项后，我需要它们具有与其id结尾处的数字相对应的点击功能。

我的点击功能适用于填充的列表项，但问题是单击列表项后会禁用悬停功能。

点击列表项后保持悬停功能的任何想法？

$(".changeProductWrapper").hover(function(){

for (var x=5; x>0; x--) {

    otherProductId = "#productChoice" + x;

        if (typeof otherProducts === 'undefined') {

            otherProducts = '<li class="productChoice" id="'+otherProductId+'">' + $(otherProductId).html() + '</li>';
        }

        else {

            otherProducts = '<li class="productChoice" id="'+otherProductId+'">' + $(otherProductId).html() + '</li>' + otherProducts;

        };

};

$(".productChoice").click(function(){

    // function

});

});