jquery datepickerを含むコードと、ページネーション用のコードがあります。今私の問題は私が以下を追加するときです:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js'>
日付ピッカーが機能しません。
上記にコメントすると、ページネーションコードが機能しません。これが私のjqueryコードコードです:
<link rel='stylesheet' href='http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css' />"
puts "<script src='http://code.jquery.com/jquery-1.8.2.js'></script>"
puts "<script src='http://code.jquery.com/ui/1.9.0/jquery-ui.js'></script>"
puts "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js'></script>"
puts {
<script type="text/javascript">
jQuery(function() {
jQuery( '#startdatepicker' ).datepicker();
});
</script>
}
puts {
<script type="text/javascript">
jQuery(function() {
jQuery( '#enddatepicker' ).datepicker();
});
</script>
}
puts {
<script type="text/javascript">
jQuery(document).ready(function()
{
function Data_Load()
{
jQuery("#loading").fadeIn(900,0);
#jQuery("#loading").html('<img src="bigLoader.gif" />');
}
function Hide_Load()
{
jQuery("#loading").fadeOut('slow');
};
jQuery("#pagination li:first")
.css({'color' : '#FF0084'}).css({'border' : 'none'});
Data_Load();
jQuery("#jcontent").load("nbonbs_log.cgi?page=1", Hide_Load());
jQuery("#pagination li").click(function(){
Data_Load();
jQuery("#pagination li")
.css({'border' : 'solid #dddddd 1px'})
.css({'color' : '#0063DC'});
jQuery(this)
.css({'color' : '#FF0084'})
.css({'border' : 'none'});
var pageNum = this.id;
jQuery("#jcontent").load("nbonbs_log.cgi?page=" + pageNum, Hide_Load());
});
});
</script>
}