Hi to all the group members and sorry for my English that's not so
good.
I have a problem with jQuery UI Ajax tabs in ColdFusion with IE7. In
static HTML/CSS all works well, but when I insert in the href
attribute of the a tag a link to a .cfm page, IE7 doesn't show the
content of the linked page in the tab content area. In the other
browsers (Chrome, Opera, FF) my script works fine.
My code is:
<div id="showcase">
<ul id="nav_products">
<li><a href="include/ajax/page1.cfm">Page 1</a></li>
<li><a href="include/ajax/page2.cfm">Page 2</a></li>
<li><a href="include/ajax/page3.cfm">Page 3</a></li>
<li><a href="#news">News</a></li>
</ul>
<div id="news">bla bla</div>
</div>
I must say that in the tab content there's not JS content; only a ul
of products items (I'm working on an ecommerce application).
The same code with static pages works in all my browser, IE7 too
(example: include/ajax/page1.html).
I tried to use /include/ajax/page1.cfm instead the string without /
I tried to insert a title attribute in the a tag, I tried to insert 3
empty div with the same name of the title attributes (only change was
underscores instead spaces). Nothing, in IE7 the code doesn't work.
My ui-tabs.css is
.ui-tabs { margin:0; padding: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { font-weight: bold; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background:
none; }
I've delete zoom:1 from .ui-tabs rule because with it I can't show the
a links in tabs panels. But it's the same with zoom:1 too. I've also
tried with position:relative on ui.tabs-panel. I've tried with
position:relative on the placeholder div for the ajax content. I've
tried with the default jQuery UI Tabs CSS. Nothing.
Is this a problem of ColdFusion? I'm not sure, I don't remember if
I've tried with absolute paths. But I think that the problem is on
IE7. Is the only browser that doesn't render my code fine.
Please, help me, every response is appreciated.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
