refering .js filesRSS

5 replies

Last post Dec 28, 2018 05:33 PM by amithashenoy

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

- Reply
amithashenoy
Member

51 Points

152 Posts
refering .js files

Dec 20, 2018 10:38 AM|amithashenoy|LINK
Hi ,

I have this doubt , though i have referred the below js file in _Layout.cshtml, i was getting Javascript run-time error "$" is undefined.

But again i referred same script in page error is resolved .So i wanted to know how this referring works
```
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
```
Amitha

All the Best . Please 'Mark this Post as Answer ' if it helps you.
- Reply
ignatandrei
All-Star

120027 Points

27940 Posts

Moderator
MVP

Re: refering .js files

Dec 20, 2018 02:19 PM|ignatandrei|LINK

Do not use

$

before loading

amithashenoy
<script src="~/Scripts/jquery-1.10.2.min.js"></script>

That's the idea why

@RenderSection("Scripts", required: false)

exists.

Read more at: https://docs.microsoft.com/en-us/aspnet/core/mvc/views/layout?view=aspnetcore-2.2 ( applices to MVC also)

.NET Teacher | .NET Videos 5 minutes
- Reply
Yuki Tao
Contributor

2460 Points

1033 Posts
Re: refering .js files

Dec 21, 2018 03:12 AM|Yuki Tao|LINK
Hi amithashenoy,

For example:

View:
```
...html tags...

@section scripts {

    <script>

     $(document).ready(function () {
      alert('1111');
     }

    </script>

}
```
Generally,the default template in layout has this line:
```
@RenderSection("scripts", required: false)
```
When you define an @section somewhere, lets say the _Layout.cshmtl file,

it allows all of your Views to dynamically insert script files or CSS files or what ever into places in the defining page.

This is very nice when, for example, you are using the jquery.treetable.js control only on a couple views in your site.

So you may not want to globally include the jquery.treetable.js script file in your _Layout.cshtml since you are only going to need it on 2 or 3 pages.

@section allows you to include those files only for certain views.

It is needed since, a view cannot easily change the contents of the _Layout.cshtml otherwise.

amithashenoy
though i have referred the below js file in _Layout.cshtml, i was getting Javascript run-time error "$" is undefined.

According to your description,you have a jquery library in Layout.cs,like:
```
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
...
@RenderSection("scripts", required: false)
```
For example,if you run the Index action,

the Compiler will check whether the Index view references Layout.cs.

If there is no @section scripts{},this view cannot call all reference packages from Layout.cs.

So, it reports error "$" is undefined.

amithashenoy
But again i referred same script in page error is resolved .So i wanted to know how this referring works

But if you add the below js file in Index View:
```
<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
```
This js file will work for this View.

Best Regards.

Yuki Tao
Please remember to "Mark as Answer" if suggestion helps.
- Reply
amithashenoy
Member

51 Points

152 Posts
Re: refering .js files

Dec 26, 2018 10:06 AM|amithashenoy|LINK
actually , it did not clear my doubt.

index file able to refer other script .js , .css file ,had issue only with this particular js file
```
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
```
Amitha

All the Best . Please 'Mark this Post as Answer ' if it helps you.
- Reply
Zhi Lv - MSF...
All-Star

45439 Points

7008 Posts

Microsoft
Re: refering .js files

Dec 28, 2018 03:22 AM|Zhi Lv - MSFT|LINK
Hi amithashenoy,
amithashenoy

actually , it did not clear my doubt.

index file able to refer other script .js , .css file ,had issue only with this particular js file
```
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
```
As we all know, when adding the JavaScript/JQuery script, we need to make sure we have already loaded the JQuery reference first, and the reference should be in the front of our JQuery script.

Like this:
```
@*JQuery reference*@
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
@*customer jquery script*@
<script type="text/javascript">
    $(function () {
        $("#btnclick").click(function () {
            alert("hello");
        });
    });
</script>
```
If you want to put the JQuery reference in the _layout. cshtml, you could add it in the header.

Besides, you could also try to use jquery-1.10.2.min.js file.

Best regards,
Dillion
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
- Reply
amithashenoy
Member

51 Points

152 Posts

Re: refering .js files

Dec 28, 2018 05:33 PM|amithashenoy|LINK

Thank you, will try that.

Amitha

All the Best . Please 'Mark this Post as Answer ' if it helps you.