چرا مودال مجتوی رو نمایش نمیده!؟

[EnKamran]

سلام
دوستان من یه ریپیتر دارم که داخلش از دیالوگ باکس leamModal.js استفاده کردم، تو یک وب سایت تست که انجام میدم درست عمل میکنه اما تو پروژه اصلی صفحه رو مات میکنه اما دیالوگ باکسو نمیاره، لیستی دارم که وقتی روس هر آیتم کلیک میکنی میخوام متن اصلی تو دیالوگ باکس بیاد دیگه نره تو یه صفحه دیگه.
(عصبیم کرده یه روز کامله روش دارم کار میکنم)

HTML Codes:

<asp:Repeater runat="server" ID="rptNotifications">
<ItemTemplate>
<li>
<a rel="leanModal" href='#<%#Eval("ID") %>'>
<span class="label label-info"><i class="icon-bolt"></i></span>
<%#Eval("Title") %>
</a>

<div id='<%#Eval("ID") %>' class="readmore">
<div>
<%#Eval("Message") %>
</div>

</div>
</li>
</ItemTemplate>
</asp:Repeater>


JS :


<script type="text/javascript">
$(function () {
$('a[rel*=leanModal]').leanModal({ top: 200, overlay: 0.4, closeButton: ".modal_close" });
});
</script>


Css :


#lean_overlay {
position: fixed;
z-index: 1000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}
.readmore {
width: 400px;
padding-bottom: 2px;
text-align: right;
display:none;
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}



.modal_close { position: absolute; top: 12px; left: 12px; display: block; width: 14px; height: 14px; background: url(../images/modal_close.png); z-index: 2; }



حس میکنم آی دی باکسی که محتوی داخلشه رو پیدا نمیکنه :-؟ ولی اسما رو از بانک میگیره