- by oo
I have a series of links and when i click on a link i want to show a dialog with detail information. This detail is returned from an jquery ajax request.
I am using the following code below to show a partial result through ajax onto a jquery dialog.
Here is the jquery code:
$(document).ready(function() {
$('a.click').live('click', function() {
var url = '/Tracker/Info?id=' + $(this).attr("id");
var dialogOpts = {
modal: true,
bgiframe: true,
autoOpen: false,
height: 600,
width: 450,
overlay: {
opacity: 0.7,
background: "black"
},
draggable: true,
resizeable: true,
open: function() {
//display correct dialog content
$("#dialogDiv").load(url);
}
};
$("#dialogDiv").dialog(dialogOpts); //end dialog
$("#dialogDiv").dialog("open");
});
});
Here is my controller action code:
public ActionResult Info(int id)
{
return PartialView("LabelPartialView", _Repository.GetItem(id));
}
Here is the issue:
When i click this the first time (lets say i send id = 1234) it works fine.
When i click on another item (lets say i send id = 4567) it shows the content from 1234 still.
Which i click this second item again (again its 4567), then it will show the content from 4567.
Does anyone know why it might not be refreshed the first time? Is this a timing issue?