Jquery下拉触发器 - 点击上的Ajax负载不起作用

Question

我有一个由下拉列表触发的ajax事件：

<script>
$(function () {
    $('#primary').bind('change', function () {
        $.ajax({
            'type': 'POST',
            'url': 'https://www.mywebsite.com/category/loadsub',
            'cache': false,
            'data': $(this).serialize(),
            'success': function (html) {
                $('#sub_name').html(html);
            }
        });
    });
});
</script>

在这个ajax调用中，“#primary”是一个html下拉列表。 但是，我发现有时它只有在你点击下拉项目，点击其他地方然后触发ajax调用时才有效。

我甚至尝试绑定“keyup，mouseup，click”......但没有任何效果。如果您没有在下拉列表外单击，则不会发生任何事情。

有什么想法吗？

非常感谢！