MVC scripts not able to use inside a <div>

Question

0.00/5 (No votes)

See more:

Dear friends,

I have a issue with using my bundle scripts inside a div.
I have inside my main layout some scripts one of those is:

@Scripts.Render("~/bundles/menus")

Inside the layout I have a div without html content:

<div id="ajaxResponse" ActieID="0" relatieID="0"></div>

I fill this content with a ajax post.

$("#action").click(function () {
     var id = $('#ajaxResponse').attr('data');
     $.ajax(
         {
             type: 'POST',
             dataType: 'html',
             url: 'Menus/action',
             success: function (result) {
                 $('#ajaxResponse').html(result);
             },
             error: function (error) {
                 alert('Fail');
             }
         });
 });

This post will return a partial view which will be inside the AjaxResponse div. Now I have the issue that none of the scripts able to use inside this partial view. Because I render the content of the div after layout and script bundles.

Ofcorse I can set the partialView to a normal View to solve this problem(rendering evrything) but I don't want that much content inside this div.

Does anyone know a way to render this scripts from the layout after a ajax post?
already tryed to use $(document).ready and $("action").on("click" function()) and kind of tricks. But it didn't work because the scripts not usable inside this div.

I tryed also a click event on this

Like:

$('#ajaxResponse').on("click", function()) {
//my click event
}

This was working but ended up ofcorse in a double click action.

I hope someone of you guys know the right way to solve this!

Posted 4-Nov-15 21:07pm

Wessel Beulink

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ashok Kumar Jangir · Accepted Answer · 2015-11-05T01:30:00

Solution 1

Hi Wessel,

If you are using jquery 2.1.4, then you should try like this.
$(document).on('click','#action',function(){

});

or if you are using below version then like this :
$('#action').live('click',function(){

});

these both are works with that content as renders after the layout.
you can try once like this.

not sure in your situation but working fine with me

Posted 5-Nov-15 1:30am

Ashok Kumar Jangir

Comments

Wessel Beulink 5-Nov-15 7:47am

Yeah, I tryed this function for some parts this work. Already found out to just render the script inside the current partial view which will include the thing I need. But the problem here is that I don't have any controll over the .js file this is a public one. And I don't want to render in every pop-up-modal a .js scripts section. thats what i'm trying to avoid.