I think this has nothing to do with jquery_ui itself, but its a small glitch i noticed today and it took me some hours to find the answer. So i'm letting this here in case someone else has this problem, too.

I wanted to use the following not working code ( the views are lists, with pager enabled ) on a page with php filter on.

 <?phps
  jquery_ui_add('ui.tabs');
   drupal_add_js('$(function(){$("#mytabs").tabs();});','inline');
 ?>
 <div id="mytabs">
 	<ul>
 		<li><a href="#tabs-1">Nunc tincidunt</a></li>
 		<li><a href="#tabs-2">Proin dolor</a></li>
 		<li><a href="#tabs-3">Aenean lacinia</a></li>
 	</ul>
 	<div id="tabs-1">
 		<p>Hi<?phps print views_embed_view('video_newest', 'block_1'); ?></p>
 	</div>
 	<div id="tabs-2">
 		<p>Hithere<?phps print views_embed_view('video_newest', 'block_2'); ?></p>
 	</div>
 	<div id="tabs-3">
 		<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>		
 	</div>
 </div>;

The problem was that the pager links got converted to #ui-tabs-x links as well, which is of cause not intended and horribly broken.

However changing the

drupal_add_js('$(function(){$("#mytabs").tabs();});','inline');

to

drupal_add_js('$(function(){$("#mytabs > ul").tabs();});','inline');

Note the added " > ul" worked as intended.

Comments

nod_’s picture

Issue summary: View changes
Status: Active » Closed (outdated)

Version for Drupal 6 is not supported anymore, closing.