how to debug javascript in partial view in mvc

Question

partial view Department

<div>This is deva</div>
<div id="divRead"></div>

@section scripts
{
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function () {
            debugger;
            $('#divRead').html('<b>This is append debugger</b>');
        })
    </script>
}

Department Action in Account controller

public PartialViewResult Department()
        {
            return PartialView();
        }

Register.cshtml in Account controller

@Html.Partial("Department")

how to debugger the jquery in partial view.?

@koby Douek:- but partial view data cant display in google chrome — DEVASISH BEHARA
– DEVASISH BEHARA, Commented May 9, 2017 at 12:15
It doesn't work when in partial view I faced it too. I then kept the js file in main page then I debugged it. Later once I got my js stable I placed back to partial view. — User3250
– User3250, Commented May 9, 2017 at 13:00

DEVASISH BEHARA · Accepted Answer · 2017-05-10 05:50:31Z

2

<div>This is deva</div>
<div id="divRead"></div>

@section scripts
{
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function () {
            debugger;
            $('#divRead').html('<b>This is append debugger</b>');
        })
    </script>
}

give the debugger on where you want to debug. and run the application. after you have to inspect the chrome then it will display in VM3232 then we have to use the debug.

like below:

answered May 10, 2017 at 5:50

DEVASISH BEHARA

1151 gold badge3 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

how to debug javascript in partial view in mvc

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related