javascript - 动态创建的 div 在 jQuery 中不可用吗？

Question

所以我根据用户点击的内容更新 div 的内容。有时我显示图像，有时我显示文本:

var output;
switch(type)
{
    case IMAGE:
        pages = null;
        contentText = null;
        upArrow = null;
        downArrow = null;

        var imageURL = "assets/images/" + items[itemIndex].imageURL;
        output = '<img src="' + imageURL + '" class="fullImage" />';
        break;

    case TEXT:
        pageIndex = 0;
        pages = items[itemIndex].copy.page;
        numPages = pages.length;
        lastPageIndex = numPages - 1;

        output = '<div id="contentText" class="text"></div>';
        output += '<div id="textUpArrow" class="arrow upArrow"></div>';
        output += '<div id="textDownArrow" class="arrow downArrow"></div>';

        contentText = $("#contentText");

        textUpArrow = $("#textUpArrow");
        textUpArrow.bind(MOUSE_DOWN, onUpArrowClicked);

        textDownArrow = $("#textDownArrow");
        textDownArrow.bind(MOUSE_DOWN, onDownArrowClicked);

        setText();
        break;
}
content.html(output);

问题似乎与范围有关。我在 JS 文件的根级别声明了 contentText、textUpArrow 和 textDownArrow(我不知道它是否称为根，但它位于每个函数之外，因此全局可用)。

当我在控制台中输出上述变量时，会发生什么，没有什么是未定义的。然而，每当我尝试使用这些变量时，无论是用于事件监听器还是通过 jQuery 更改其 CSS，都没有任何反应。

我应该检查什么？谢谢!

Answer 1

您在将事件添加到 DOM 之前将其绑定(bind)到 div。这是行不通的。