我目前正在从事一个项目,该项目要求我在ASP.NET中使用MVC概念。我正在尝试从调用Event.cshtml
特定div的页面加载特定内容Detail.cshtml
。我已成功将内容加载到指定页面上。但是问题是我无法操纵已加载的内容。
我在Event.cshtml
以下网址上有此代码:http : //pastebin.com/B4bxfjZt
我在里面准备了以下代码Detail.cshtml
作为加载内容的位置:
<div class="lightbox" border="0" style="text-align: center; background-color:white; border-radius: 10px;" >
<div class="contents"></div>
</div>
在Detail.cshtml
我的底部,我有这个Jquery来加载所需的内容,以及在哪里:
<script>
$(document).ready(function(){
$(".contents").load('/Prime/Event/2014-2849?url=project .form');
$(window).load(function () {
hideContacts();
$("#eventdate").datepicker();
$('#starttime').timepicker({
'step': 15,
'minTime': '06:00 AM',
'maxTime': '10:00 PM',
'timeFormat': 'h:i A',
'scrollDefaultTime': '12:00 PM'
});
$('.lightbox').bPopup(
{
position: [40,120],
}
);
});
alert('about to hit' + ("#sbt"));
("#sbt").click(function(e){
alert('I was clicked!');
});
});
</script>
问题是#eventdate
,#starttime
不可操作。我已经在这个问题上停留了一个星期。
如有任何帮助或见解,我将不胜感激。
window.load
当您期望时,您将不会获得任何活动。您还缺少一个$
上$("#sbt").
在中使用回调load()
:
$(document).ready(function () {
$(".contents").load('/Prime/Event/2014-2849?url=project .form', function () {
// Do this stuff only after `load` completes
hideContacts();
$("#eventdate").datepicker();
$('#starttime').timepicker({
'step': 15,
'minTime': '06:00 AM',
'maxTime': '10:00 PM',
'timeFormat': 'h:i A',
'scrollDefaultTime': '12:00 PM'
});
$('.lightbox').bPopup({
position: [40, 120],
});
// Moved this inside the load event handler
alert('about to hit' + ("#sbt"));
$("#sbt").click(function (e) {
alert('I was clicked!');
});
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句