Jquery 显示动态添加的隐藏div

我知道有很多问题与我将要问的问题相似，但似乎没有一个对我有帮助。我有一个div，它使用twitter引导类

hide

，因此它是隐藏的。div中加载了一些通过ajax动态加载的其他内容。我使用jquery和委托函数在选中复选框时能够取消隐藏该div。我已经验证了正在调用click函数，并且适当的if语句为true，但是没有显示div。下面是我的html代码（我正在使用asp.net mvc和razor）：

---

jQuery

show

更改

样式。display

。 另一方面，引导使用CSS类“hide”

这两者不兼容

解决方案：

$('body').delegate('#Checkboxes', 'click', function () {
    if ($(this).val() == "other")
        $("#Other").removeClass("hide");
});

更新：
还是有些可疑：） 尝试将代码更改为：

$('body').delegate('#Checkboxes', 'click', function () {
    console.log("click event fired!");
    console.log("this.val() is " + $(this).val());
    if ($(this).val() == "other")
        console.log("entered the if");
        console.log("other exists? " + $("#Other").length);
        $("#Other").removeClass("hide");
});

根据控制台上打印的内容（Chrome中的CTRL+SHIFT+J），您应该能够进一步缩小问题范围

如果这仍然不起作用，我建议在JSFIDLE中创建一个最小的案例，它可能会产生更多的响应。

它不起作用，因为#Other引用了textarea。textarea从来没有hide类，它的父div有。

$('body').delegate('#Checkboxes', 'click', function () {
    if ($(this).val() == "other")
        $("#Other").removeClass("hide");
});

$('body').delegate('#Checkboxes', 'click', function () {
    console.log("click event fired!");
    console.log("this.val() is " + $(this).val());
    if ($(this).val() == "other")
        console.log("entered the if");
        console.log("other exists? " + $("#Other").length);
        $("#Other").removeClass("hide");
});