Call jquery from code behind

Question

Hi i have a jquery function which executes when a button is clicked, i also need to execute this function from my code behind based on whether an Item has a comment attached to it. Here is the jquery

  //Comments Slide
$('.commentsnr').live("click", function () {
    // up to parent li
    $li = $(this).closest('li');
    $li.find("#commentload").slideToggle(300);
});

How do i call this from my code behind, thanks alot

possible duplicate of [Call jQuery function from ASP.NET code behind C#](http://stackoverflow.com/questions/2397165/call-jquery-function-from-asp-net-code-behind-c) — C. Ross, May 30 '11 at 16:57

score 15 · Accepted Answer · edited Jun 21 '17 at 10:44

15

You can do this, but it will only be executed when the page is delivered or you receive a Postback.

See ClientScriptManager.RegisterStartupScript for documentation.

string jquery = "$('.commentsnr').live(\"click\", function () {$li = $(this).closest('li');$li.find(\"#commentload\").slideToggle(300);});"

ClientScript.RegisterStartupScript(typeof(Page), "a key", 
             "<script type=\"text/javascript\">"+ jquery +"</script>"
             );

edited Jun 21 '17 at 10:44

anton.burger

5,637
32
48

answered May 30 '11 at 16:55

Simon Woker

4,994
1
27
41

1

Thanks that worked, i didnt use it in the end i forgot i could change the style attribute to show the div. cahrefReply.Attributes.Add("style", "display:block"); – pmillio May 30 '11 at 17:16

score 1 · Answer 2 · answered May 30 '11 at 17:00

1

try this

Page.ClientScript.RegisterStartupScript(typeof(String), btnID,"$('.commentsnr').live("click", function () {
$li = $(this).closest('li');
$li.find("#commentload").slideToggle(300);});", True);

answered May 30 '11 at 17:00

Amir Ismail

3,865
3
20
33

you can refer to http://www.codeproject.com/KB/aspnet/ClientServer.aspx it may help – Amir Ismail May 30 '11 at 17:05

score -1 · Answer 3 · answered May 30 '11 at 16:53

Not sure exactly what you are asking, but I'm guessing its just how to manually call this method..?

$(selector).click();

The problem you will have is that its not an ID, its a class. So in my example you'd have to update the selector to find the exact commentsnr that you want to 'click'

Call jquery from code behind

3 Answers3

Linked