JQuery选择器的困难
好吧,我知道我这里遗漏了什么。我正试着把日历调整成ajaxify。日历加载到其他页面的html链接。我有它的一部分工作,但我有困难的导航链接到其他月份 我可以加载日历,显示它,甚至在单击事件链接时打开和关闭模式对话框。我无法工作的是更改表标题中上一个和下一个链接的url 谢谢你的帮助 以下是jquery:JQuery选择器的困难,jquery,selector,Jquery,Selector,好吧,我知道我这里遗漏了什么。我正试着把日历调整成ajaxify。日历加载到其他页面的html链接。我有它的一部分工作,但我有困难的导航链接到其他月份 我可以加载日历,显示它,甚至在单击事件链接时打开和关闭模式对话框。我无法工作的是更改表标题中上一个和下一个链接的url 谢谢你的帮助 以下是jquery: $(document).ready(function() { /*-------------------------------------*/ /* Event Calenda
$(document).ready(function() {
/*-------------------------------------*/
/* Event Calendar Methods */
/*-------------------------------------*/
$.ajax({ url: '<?php echo site_url("servicebay/ajax/getCalendar");?>', success: function( data ) {
// Setup the calendar
$("#calendar").html(data);
// Setup event lists
$('.event-detail-link').click(function(eventdata){
var href = $(this).attr('href');
//alert('Event Click'+ $(this).text()+' '+href);
$.ajax({url: href, success: function(data) {
$('#basic-modal-content').html(data);
$('#basic-modal-content').modal({escClose:true, backgroundColor:"#FFCC00", borderColor:"#FFCC00"});
return false;
}}
); //End click()
// Event-detail-link failure
return false;
});
/* Calendar Next Link */
/* <a id="calendar-next-nav" href="http://localhost/mysite/calendar/index/2011/11">>></a>*/
$('#calendar-next-nav').click(function(eventdata){
var href = $(this).attr('href');
var x = href.substring(x.lastIndexOf("/")+1, x.lastIndexOf("/"));
alert('Clicked'+ x);
$(this).attr('href') ='/servicebay/ajax/getCalendar/'+x;
return false;
});
}
});
});
$(文档).ready(函数(){
/*-------------------------------------*/
/*事件日历方法*/
/*-------------------------------------*/
$.ajax({url:'',成功:函数(数据){
//设置日历
$(“#日历”).html(数据);
//设置事件列表
$('.event detail link')。单击(函数(eventdata){
var href=$(this.attr('href');
//警报('事件单击'+$(this).text()+''+href);
$.ajax({url:href,success:function(数据){
$(“#基本模式内容”).html(数据);
$(“#基本模式内容”).modal({esclose:true,backgroundColor:#FFCC00”,borderColor:#FFCC00});
返回false;
}}
);//结束单击()
//事件详细信息链接失败
返回false;
});
/*日历下一个链接*/
/* */
$(“#日历下一个导航”)。单击(函数(eventdata){
var href=$(this.attr('href');
var x=href.substring(x.lastIndexOf(“/”)+1,x.lastIndexOf(“/”);
警报('单击'+x);
$(this.attr('href')='/servicebay/ajax/getCalendar/'+x;
返回false;
});
}
});
});
html:
<div id="calendar"><table id="" class="calendar">
<tbody><tr>
<th><a id="calendar-prev-nav" href="http://localhost/mysite/calendar/index/2011/09"><<</a></th>
<th colspan="5">October 2011</th>
<th><a id="calendar-next-nav" href="http://localhost/mysite/calendar/index/2011/11">>></a></th>
</tr>
<tr>
<td>Su</td><td>Mo</td><td>Tu</td><td>We</td><td>Th</td><td>Fr</td><td>Sa</td>
</tr>
<tr class="calendar-days">
<td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"><div class="calendar-day-num">1</div></td>
</tr>
<tr class="calendar-days">
<td class="calendar-day"><div class="calendar-day-num">2</div></td><td class="calendar-day"><div class="calendar-day-num">3</div></td><td class="calendar-day"><div class="calendar-day-num">4</div></td><td class="calendar-day"><div class="calendar-day-num">5</div></td><td class="calendar-day"><div class="calendar-day-num">6</div></td><td class="calendar-day"><div class="calendar-day-num">7</div></td><td class="calendar-day"><div class="calendar-day-num">8</div></td>
</tr>
<tr class="calendar-days">
<td class="calendar-day"><div class="calendar-day-num">9</div></td><td class="calendar-day"><div class="calendar-day-num">10</div></td><td class="calendar-day"><div class="calendar-day-num">11</div></td><td class="calendar-day"><div class="calendar-day-num">12</div></td><td class="calendar-day"><div class="calendar-day-num">13</div></td><td class="calendar-day"><div class="calendar-day-num">14</div></td><td class="calendar-day"><div class="calendar-day-num">15</div></td>
</tr>
<tr class="calendar-days">
<td class="calendar-day"><div class="calendar-day-num">16</div></td><td class="calendar-day"><div class="calendar-day-num">17</div></td><td class="calendar-day"><div class="calendar-day-num">18</div></td><td class="calendar-day"><div class="calendar-day-num highlight">19</div></td><td class="calendar-day">
<div class="calendar-day-num">20</div>
<div class="calendar-content"><ul class="calendar-event-list"><li><a class="event-detail-link" href="http://localhost/mysite/servicebay/ajax/eventDetail/7">Oil Change</a></li></ul></div>
</td><td class="calendar-day"><div class="calendar-day-num">21</div></td><td class="calendar-day"><div class="calendar-day-num">22</div></td>
</tr>
<tr class="calendar-days">
<td class="calendar-day"><div class="calendar-day-num">23</div></td><td class="calendar-day"><div class="calendar-day-num">24</div></td><td class="calendar-day"><div class="calendar-day-num">25</div></td><td class="calendar-day"><div class="calendar-day-num">26</div></td><td class="calendar-day"><div class="calendar-day-num">27</div></td><td class="calendar-day"><div class="calendar-day-num">28</div></td><td class="calendar-day"><div class="calendar-day-num">29</div></td>
</tr>
<tr class="calendar-days">
<td class="calendar-day"><div class="calendar-day-num">30</div></td><td class="calendar-day"><div class="calendar-day-num">31</div></td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td><td class="calendar-day"> </td>
</tr>
</tbody></table></div>
2011年10月
SuMoTuWeThFrSa
1.
2345678
9101112131415
16171819
20
2122
23242526272829
3031
使用.attr方法时,将要设置属性的值作为第二个参数传递给该方法
$('selector').attr('attribute', 'value_to_set');
查看jquery以获得更多解释