jquery - 使用 jQuery 动态生成的 SELECT 需要双击才能在 IE8 中打开

Question

所有动态生成的选择框都有这个问题，如果我单击一次，它会闪烁，如果我按住单击它会打开并且您可以浏览列表，但无法进行任何选择，只有当我双击您才能看到列表并实际选择一个元素。

选择中的选项在单击时被挂钩以转到另一个页面，但我在站点的不同区域生成了两个简单的未挂钩选择，结果是相同的。

有任何想法吗？

jQ('.slider-brands span.small-txt').addClass('cselect').append('<select><option>Choisir une marque</option></select>')
            //Populate the select with all the brands from the list
            for (var i = 0; i < brandsName.length; i++) {
                jQ('.slider-brands .cselect select').append('<option value="' + brandsLink[i] + '">' + brandsName[i] + '</option>')
            }
            //Go to location on click
            jQ('.slider-brands .cselect select').bind('change', function () {
                var url = jQ(this).val(); // get selected value
                if (url) { // require a URL
                    window.location = url; // redirect
                }
                return false;
            });

这会输出这个

<select>
  <option>Choisir une marque</option>
  <option value="/alsa">Alsa</option>
  <option value="/axe">Axe</option>
  <option value="/belin">Belin</option>
  <option value="/belvita-petit-dejeuner">belVita Petit Déjeuner</option>
</select>