I wondered where my intellisense had gone for jQuery with MVC3 and Razor. Anyway there is a fix for it:
Add the following to your view (with the jQuery vsdoc version you have:
The if-statement prevents the script tag from being rendered into the html source code.
Grab jQuery 1.5.0 vsdoc from here -> http://damianedwards.com/files/jquery/jquery-1.5-vsdoc.js
popBox V1.3.0 release:
- Issue with scrollable pages fixed.
- Adds border shadow for browsers which support it.
Download here: http://plugins.jquery.com/content/popbox-130
Demo here: http://simon.tpdserver2.co.uk/jquery/popBox/demo/
jQuery vScroll v1.2.0 released:
- Includes support for multiple instances on a page.
- Passing in of height atttribute for container.
- Cycle feature to return to first item when last item reached.
Plugin Page Link
Download here: http://plugins.jquery.com/content/vscroll-120
Demo here: http://simon.tpdserver2.co.uk/jquery/vscroll/demo/
!Important: If moving from a previous version to v1.2.0 you must pass in the height you want the container to be as a plugin option.
jQuery popBox v1.2.1 has been released -> http://plugins.jquery.com/content/popbox-121
Details and usage can be found here.
This release adds a feature to cancel changes by pressing the ‘escape’ key and also produces valid WCAG 2.0 markup for accessibility.
A special thanks to Alex Lareau who provided patches for both of these features 🙂
divGrow version 1.3.1 released. Minor update but allows any HTML content to be used for the show/hide more buttons.
Thanks for the suggestion from Cool_s 🙂
Download from here: http://plugins.jquery.com/content/divgrow-131
See here for info on how to use: http://simonhibbard.wordpress.com/2010/06/02/jquery-based-div-grow-shrink/
This release fixes an issue found in IE7.
Release here -> http://plugins.jquery.com/content/vscroll-110
Demo here -> http://www.waterwell.co.uk/news.aspx
Feedback is appreciated, this is where open source works, the plugin’s are free to use but developers get the testing coverge they need to rework back into their own commercial projects 🙂
Plugin has been updated. No longer need to provide the final height value using the rel= attribute, it is calculated. Also now generates W3C valid markup.
You can also specify whether or not to show the brackets (“[…]”) before the ‘more’ button using the option ‘showBrackets’.
Download from here -> http://plugins.jquery.com/content/divgrow-130
Plugin page – http://simonhibbard.wordpress.com/2010/06/02/jquery-based-div-grow-shrink/
Here is an example of using jQuery .animate to add a bit of interest to otherwise basic pages on this site -> http://www.acplanningsolutions.co.uk/case-studies.aspx
One effect is used to fade in/out the background colours of the menu items creating a nice ‘trailing’ effect as you hover over them (see below).
The other effect is to animate in the images and text, also if you click on “Conservation Area – Residential” you will notice the page frame grows to fit the new image and the images change on a timer.
Just thought I would share this as an example of what can be done with a small amount of jQuery code 🙂