ui dialog with "live" click event not working
I'm using data from mysql db to produce a button the user will click to see a
dialog:
[code]
if ($row['location'] == "PVI") {
?>
<button class="volunteer" value="volunteer">Volunteer</button>
<?
echo "</td></tr>";
} else {
echo "</td></tr>";
}
[/code]
Here is how I am setting up the dialog:
[code]
$('.volunteer').live("click", function(){
// this gets the game number
var gameno
=$(this).parent('td').prev("td").prev("td").prev("td").prev("td").prev("td").html();
$('#concessionDialog').dialog('open').load("popup.php?gameno="+gameno);
});
[/code]
And here is how I am calling the dialog:
[code]
$(document).ready(function() {
$('#concessions > ul').tabs();
$("#concessionDialog").dialog({ autoOpen: false });
});
$(function() {
$('#concessionDialog').dialog({
resizable: true,
//bgiframe: true,
autoOpen: false,
resizable: false,
modal: true,
dialogClass: 'flora',
title: 'Volunteer',
overlay: {
opacity: 0.5,
background: "#A8A8A8"
},
height: 600,
width: 700,
buttons: {
'Close': function() {
// $(this).dialog('destroy')
$(this).dialog('remove')
}
}
});
[/code]
Pretty basic I think and all was working well until I upgraded to jquery
1.6rc6. I now get no dialog at all - this can all be seen at
http://pvifootball.com/test/ http://pvifootball.com/test/ Select
Concession Stand and try to volunteer -
popup.php just calls the flexigrid plugin to get the data, but I think my
error is way before this...
[code]
$(document).ready(function(){
$("#flex1").flexigrid
(
{
url: 'post2.php?gameno=<?=$gameno?>',
dataType: 'json',
colModel : [
{display: 'First Name', name : 'firstname', width : 100, sortable :
true, align: 'center'},
....
[/code]
--
View this message in context: http://www.nabble.com/ui-dialog-with-%22live%22-click-event-not-working-tp22389617s27240p22389617.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.