SharePoint 2010 Visual Web Part, JS and CSS

Question

I'm doing my very first Visual Web Part in SharePoint 2010 Server , my question is easy i guess but couldn't find the right answer yet, I want to attach my resources files (JS and CSS) using the old way of web development
eg:

<script type="text/javascript" src="/_layouts/AnnouncementWebPart/js/jquery-1.6.1.min.js" />

I added my JS files to the Layout mapping folder Layout-->MyWebPartName-->JSFolder
I did the same for the CSS and then I included them all in the ascx page but nothing really happened when I deployed it to the SharePoint Site!

Whats wrong? i dont want to use the SharePoint Tag for including SharePoint:ScriptLink , is there any chances to do that?

Answer 1

In my case it works both using the script tag or the SharePoint:ScriptLink tag. You can try to explicitly close the script tag (self-closed can not be supported in some browsers):

<script type="text/javascript" src="/_layouts/AnnouncementWebPart/js/jquery-1.6.1.min.js" ></script>

or you can check from Visual Studio, in the properties of JS files, that the “Build Action” is “Content” and “Deployment Type” is “TemplateFile” (see at the end of this post ).

Answer 2

when you set up your SharePoint VS.NET project, did you set it to deploy as Farm? From what I know, the stuff in the layouts folder will be available to all site collections if you deploy to the farm. It's an option when you're setting up where to deploy when you create your SP VS.NET project.