jQuery Dialog closes immediately

Question

I have a jQuery dialog box that closes immediately upon opening. It is set to a button located in a template field of a GridView. My JavaScript: ``` ``` My relevant GridView markup: ```

Accepted Answer

jQuery's `live()` method has been deprecated and removed in version 1.9 and has been replaced with the `on()` method.

Therefore, replace this:

```
$("[id*=lnkEquifaxResponse]").live("click", function EquifaxResopnse() {
    $("#response").dialog("open");
});
```

with this:

```
$("[id*=lnkEquifaxResponse]").on("click", function EquifaxResopnse() {
    $("#response").dialog("open");

return false; // Prevents the postback
});
```

You can do this in a different manner:

```
$(document).ready(function() {

$("[id*=lnkEquifaxResponse]").on("click", function EquifaxResopnse() {
            $("#lblDialog").empty();
        });

if($("#lblDialog").text() != "")
    {
        $("#response").dialog("open");
    }
});
```

jQuery Dialog closes immediately

Solution

Problem