Refresh conent with JQuery/AJAX after using a MVC partial view

Question

Using the following JQuery/AJAX function I'm calling a partial view when an option is changed in a combobox named "ReportedIssue" that is also in the partial view. The is named "tableContent".

<script type="text/javascript">
    $(function() {
        $('#ReportedIssue')
      .change(function() {
          var styleValue = $(this).val();
          $('#tableContent').load(
          '/CurReport/TableResults',
          { style: styleValue }
        );
      })
      .change();
    });
</script>

My problem is that after the jump to the partial view I lose the link to the javascript. I think I'm supposed to use the JQuery ".live()" but I'm unsure.

In short, I want to re-establish the link between my JavaScript and my combobox and after the inclusion of the partial view's HTML.

I hope I'm being clear enough,

Aaron

Community · Accepted Answer · 2017-05-23 12:07:10Z

2

This answer is deprecated, see Mike's answer

As of jQuery 1.4 you can use the live handler with the change event. Simply change your code to work with it. If you are stuck with an earlier version of jQuery, you need to reapply the handler in the AJAX callback.

$(function() { 
    $('#ReportedIssue').live('change', function() { 
      var styleValue = $(this).val(); 
      $('#tableContent').load( 
          '/CurReport/TableResults', 
           { style: styleValue } 
      ); 
    })
});

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Mar 23, 2010 at 21:37

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aaron Salazar Over a year ago

Thank you! I was doing something sorta like this but I couldn't seem to get it right.

Mike S. · Accepted Answer · 2012-06-28 20:43:21Z

2

Since .live() is now deprecated. Use .on(). Or, in my success callback, I simply did a .load() $('#container').load('index.php', '#right'); Worked like a charm.

answered Jun 28, 2012 at 20:43

Mike S.

2,8883 gold badges39 silver badges56 bronze badges

Comments

Amy B · Accepted Answer · 2010-03-23 21:34:08Z

0

Yes you should use live():

$('#ReportedIssue').live('click', function() {

answered Mar 23, 2010 at 21:34

Amy B

18k12 gold badges66 silver badges83 bronze badges

Collectives™ on Stack Overflow

Refresh conent with JQuery/AJAX after using a MVC partial view

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related