I am using jQuery for reordering raws in a repeater control. Given below is the beginning of code snippet in jQuery.
<script language="javascript" type="text/javascript">
setupOrderableTable();
function setupOrderableTable() {
debugger;
var hdnDocumentIdsInOrder = document.getElementById('<%= hdnDocumentIdsInOrder.ClientID %>');
var rowToInsert = null;
var highlightLength = 500;
var highlightColor = "#999999";
var rowColor = "#F7FBFF";
var alternatingColor = "#E7EFF7";
var rowIndex = 0;
$(".orderable tr").each(function () {
$(this).css("background-color", (rowIndex++ % 2 == 0 ? rowColor : alternatingColor));
// handle the move above click
$("button:eq(1)", $(this)).click(function () {
$(rowToInsert).insertBefore($(this).parent().parent());
});
...
...
...
</script>
And this is the repeater control
<table id="tblOrder" border="0" cellspacing="0" width="100%">
<colgroup>
<col style="width: 20px;" />
<col style="width: 350px;"/>
<col style="text-align: right;" />
</colgroup>
<asp:Repeater ID="Repeater" runat="server" >
<ItemTemplate><tr id= '<%# DataBinder.Eval( Container.DataItem, "ID") %>'><td><button>Move</button></td><td><img alt="" src='<%# DataBinder.Eval( Container.DataItem, "ImageUrl") %>' /><%# DataBinder.Eval( Container.DataItem, "Name") %></td><td><button>Move Above</button><button>Move Below</button></td></tr></ItemTemplate>
</asp:Repeater>
</table>
both are in a user control. I am accessing this user control from another aspx page where in the head section have these bindings
<script language="javascript" type="text/javascript" src="/Scripts/jquery/jquery-1.3.2.min.js" ></script>
<script language="javascript" type="text/javascript" src="/Scripts/jquery/jquery-ui-1.7.1.custom.min.js" ></script>
<script language="javascript" type="text/javascript" src="/Scripts/jquery/jquery-ui-personalized-1.6rc6.min.js" ></script>
Can anyone explain me what is the problem here? Thanks a tonne in advance.