jQuery colorbox未加载到document.ready上

我正在尝试使用jQuery colorbox，但它不起作用。 在asp gridView中，我有以下链接：

<a class="alert_info" href="#alertWin10">View details</a>

然后我点击链接，它不显示颜色框，而是将“#alertWin10”添加到页面url，但是（这是一个大但是），如果我从文档中取出行（

$（.alert_info”）。颜色框（{inline:true，width:“50%”）；

）并将其放在chrome控制台中，然后点击链接，它就可以工作了。。。

---

我不知道如何处理此错误。

您需要添加jquery 1.5.14以启用colorbox

我已经包含了jquery文件，而且在我将其放入chrome控制台后，它还能工作。控制台中没有错误吗？文档准备好后，

.alert\u info

元素不是添加到DOM中了吗？使用

$（function（）{console.log（$（'.alert_info'）.length）；}测试它它返回0。。。。为什么？？？还有一点，如果我在网格外添加一个带有相同类的普通html，它会以某种方式工作。。。发生了什么事？我不是ASP的人。看起来元素是在文档准备就绪后呈现的。我在问题中添加了特定的标记如果是这样，那么为什么在gridview之外添加html输入来修复它呢？
<div style="display:none;">
<div id='alertWin10' style='padding:10px; background:#fff;'>
    some content
</div>

$(document).ready(function () {
            $(".alert_info").colorbox({ inline: true, width: "50%" });
        });