MVC4 - Not executing the scripts js

Question

I'm trying to load the scripts for my application. Do not work so I checked a simple alert ('test11');. It also does not work, the script is not loaded at all? It uses standard _Layout of MVC4 generated by Visual Studio 2013.

View Details.cshtml

@model xzy.Models.Album

@{
    ViewBag.Title = "Details";
}

<h2>Details</h2>

@using (Html.BeginForm("Details", "Store", FormMethod.Post,
    new
    {
        id = "someID",
        data_oneAction = @Url.Action("one"),
        data_twoAction = @Url.Action("two")
    }))
{
    <fieldset

        <label for="Formats">Select format</label>

        @Html.DropDownList("Formats", ViewBag.Formats as SelectList,
  new { id = "FormatsID", @class = "xxx" })


    <input type="submit" value="Submit" id="SubmitID" } />

    </fieldset>
}

<script src="@Url.Content("~/Scripts/first_file.js")"></script>
<script src="@Url.Content("~/Scripts/second_file.js")"></script>

Script first_file.js

$(function () {

    $('#FormatsID').change(function () {
        alert('Test11');
    });
});

UPDATE

Yaakov Ellis, it works. But when I have a script with the update, then it not works.

$(function () {

    $('#FormatsID').change(function () {
        alert('Test11');
        var URL = $('#someID').data('oneAction');
        $.getJSON(URL + '/' + $('#FormatsID').val(), function (data) {
            alert('Test22');
        });
    });
});

If you look at the source code for the page, does it show the script being loaded? — Yaakov Ellis
– Yaakov Ellis, Commented Jun 22, 2014 at 10:50
shows that it has been loaded. But it not works. When I add it @Scripts.Render("~/bundles/jquery") before the <script src ... then it works. — user3128303
– user3128303, Commented Jun 22, 2014 at 10:57
So now you are asking a completely different question - why a specific piece of jQuery doesn't work. Perhaps this should be asked in a new question, since the original issue in this one has been answered. And when asking, it might be helpful to include the html that is produced by your page, what is included in #FormatsID, what errors if any come up in the console logs, what you get when you set javascript breakpoints and step through the code, etc. — Yaakov Ellis
– Yaakov Ellis, Commented Jun 22, 2014 at 11:35

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

2

The content of first_file.js is dependent on the presence of jQuery. I suspect that if you check your console log, you will see errors on the first line of this file.

This is confirmed by the fact that when you add in a jQuery reference prior to this file (as you wrote in your comment), it works.

So if you want to use this script as-is, be sure to include jQuery first.

If you just want a better test of the first_file.js file, then remove all of the jQuery stuff from it. Its sole contents should be one line with alert('Test11'); on it.

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Jun 22, 2014 at 11:02

Yaakov Ellis

41.6k27 gold badges135 silver badges185 bronze badges

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

Collectives™ on Stack Overflow

MVC4 - Not executing the scripts js

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