Hi, This is because #accordion is part of jQuery UI, not jQuery (the underlying javascript library) You need to render jQuery UI resource references (js & css), make the jquery-ui.js resource reference extends JQueryPluginResourceReference so you don't have to explicitly add the dependency to jquery.js
You can also use Wicket jQuery UI: http://www.7thweb.net/wicket-jquery-ui/accordion/DefaultAccordionPage Hope this helps, Sebastien. 2015-02-18 12:48 GMT+01:00 avchavan <[email protected]>: > My Java code: > > @Override > public void renderHead(IHeaderResponse response) { > // add jQuery library > > > response.render(JavaScriptHeaderItem.forReference(Application.get().getJavaScriptLibrarySettings().getJQueryReference())); > // set focus to the username on load - check that the field > exists > > > response.render(JavaScriptHeaderItem.forScript("$('#accordion').accordion();","onready-master")); > } > > My HTML: > > <html xmlns:wicket="http://wicket.apache.org";> > <wicket:head></wicket:head> > <body> > <div id="accordion"> > Section 1 > > <div> > <p> > Mauris mauris ante, blandit et, ultrices a, > suscipit eget, quam. > Integer ut neque. Vivamus nisi metus, molestie > vel, gravida in, > condimentum sit amet, nunc. Nam a nibh. Donec > suscipit eros. > Nam mi. Proin viverra leo ut odio. Curabitur > malesuada. Vestibulum > a velit eu ante scelerisque vulputate. > </p> > </div> > > Section 2 > > <div> > <p> > Sed non urna. Donec et ante. Phasellus eu ligula. > Vestibulum sit amet > purus. Vivamus hendrerit, dolor at aliquet > laoreet, mauris turpis > porttitor > velit, faucibus interdum tellus libero ac justo. > Vivamus non quam. In > suscipit faucibus urna. > </p> > </div> > > Section 3 > > <div> > <p> > Nam enim risus, molestie et, porta ac, aliquam ac, > risus. Quisque > lobortis. > Phasellus pellentesque purus in massa. Aenean in > pede. Phasellus ac > libero > ac tellus pellentesque semper. Sed ac felis. Sed > commodo, magna quis > lacinia ornare, quam ante aliquam nisi, eu iaculis > leo purus venenatis > dui. > </p> > <ul> > <li>List item one</li> > <li>List item two</li> > <li>List item three</li> > </ul> > </div> > > Section 4 > > <div> > <p> > Cras dictum. Pellentesque habitant morbi tristique > senectus et netus > et malesuada fames ac turpis egestas. Vestibulum > ante ipsum primis in > faucibus orci luctus et ultrices posuere cubilia > Curae; Aenean lacinia > mauris vel est. > </p> > <p> > Suspendisse eu nisl. Nullam ut libero. Integer > dignissim consequat > lectus. > Class aptent taciti sociosqu ad litora torquent > per conubia nostra, per > inceptos himenaeos. > </p> > </div> > </div> > </body> > </html> > > When i try to run the above code i get javascript error saying: > Object doesn't support this property or method. for line 8 (the Jquery code > for accordion) > > Rendered HTML: > > <html xmlns:wicket="http://wicket.apache.org";> > <head> > > </head> > <body> > <div id="accordion"> > Section 1 > > <div> > <p> > Mauris mauris ante, blandit et, ultrices a, > suscipit eget, quam. > Integer ut neque. Vivamus nisi metus, molestie > vel, gravida in, > condimentum sit amet, nunc. Nam a nibh. Donec > suscipit eros. > Nam mi. Proin viverra leo ut odio. Curabitur > malesuada. Vestibulum > a velit eu ante scelerisque vulputate. > </p> > </div> > > Section 2 > > <div> > <p> > Sed non urna. Donec et ante. Phasellus eu ligula. > Vestibulum sit amet > purus. Vivamus hendrerit, dolor at aliquet > laoreet, mauris turpis > porttitor > velit, faucibus interdum tellus libero ac justo. > Vivamus non quam. In > suscipit faucibus urna. > </p> > </div> > > Section 3 > > <div> > <p> > Nam enim risus, molestie et, porta ac, aliquam ac, > risus. Quisque > lobortis. > Phasellus pellentesque purus in massa. Aenean in > pede. Phasellus ac > libero > ac tellus pellentesque semper. Sed ac felis. Sed > commodo, magna quis > lacinia ornare, quam ante aliquam nisi, eu iaculis > leo purus venenatis > dui. > </p> > <ul> > <li>List item one</li> > <li>List item two</li> > <li>List item three</li> > </ul> > </div> > > Section 4 > > <div> > <p> > Cras dictum. Pellentesque habitant morbi tristique > senectus et netus > et malesuada fames ac turpis egestas. Vestibulum > ante ipsum primis in > faucibus orci luctus et ultrices posuere cubilia > Curae; Aenean lacinia > mauris vel est. > </p> > <p> > Suspendisse eu nisl. Nullam ut libero. Integer > dignissim consequat > lectus. > Class aptent taciti sociosqu ad litora torquent > per conubia nostra, per > inceptos himenaeos. > </p> > </div> > </div> > </body> > </html> > > > -- > View this message in context: > http://apache-wicket.1842946.n4.nabble.com/Jquery-methods-issue-with-wicket-6-13-tp4669599.html > Sent from the Users forum mailing list archive at Nabble.com. > > --------------------------------------------------------------------- > To unsubscribe, e-mail: [email protected] > For additional commands, e-mail: [email protected] > >
