Search jQuery

jQuery Forum

Screen name:
rufus2021

rufus2021's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

:visible and :hidden mixup
[2Replies]
- 16-Nov-2010 05:36 PM
- Forum: Using jQuery
I get a result I don't expect here. Can anyone shed light on this. I figured if the next element has display none on it then it won't slide up and then down again. But when I put a console.log message in there to get the css display property it says "none" but still animates the element. What is going on here? Maybe I a misunderstanding the :visible and :hidden selectors but they seem pretty straight forward.

Thanks,
Jeff

   $(function() {
   var clicker = $('#test-list').find('dt');
   $(clicker).bind('click', function() {
   if ( $(this).next('dd:visible') ) {
   return;
   }
   else {
   $('dd:visible').slideUp('slow');
   $(this).next('dd').slideDown('slow')
   }
   });
   });

   <dl id="test-list">
   <dt>test animation</dt>
   <dd style="di">
   <ul>
   <li>Test definition</li>
   <li>Test definition</li>
   <li>Test definition</li>
   <li>Test definition</li>
   </ul>
   </dd>

   <dt>test animation</dt>
   <dd>
   <ul>
   <li>Test definition</li>
   <li>Test definition</li>
   <li>Test definition</li>
   <li>Test definition</li>
   </ul>
   </dd>

   <dt>test animation</dt>
   <dd>
   <ul>
   <li>Test definition</li>
   <li>Test definition</li>
   <li>Test definition</li>
   <li>Test definition</li>
   </ul>
   </dd>
   </dl>

Ui Dialog Position in Webkit (banging head against wall!!) kinda solved but still not sure why.
[1Reply]
- 16-Nov-2010 01:32 PM
- Forum: Using jQuery UI
I figured out that just by setting position: absolute; in the stylesheet it carries over to the dialog once it is created. The dialog having absolute positioning on it solved the left position problem for me. I just don't understand why. Is that a bug in webkit or jQuery UI that it needs to be absolutely positioned in order to calculate the left position correctly? Anyone know about this?

As you can tell from the post title I have a webkit problem. I have pretty straight forward code for this and the problem is that webkit is not positioning the dialog correctly. What I do is create an element when a link is clicked. Then the element is created, appended and content is loaded in. Pretty simple no?

The top position works fine but the left position is just set to 0px. Firefox works fine. It centers it and there is no problem. Why is webkit not obeying the positioning on this? And also, how do you get the dialog positioning to "absolute"? I see it working on the jQuery demo page for the dialog but mine just keeps going to relative. Any insight into these issues would be great cause I can't seem to get this working.

Thanks,
Jeff

   $('#content').find('.dialog').click(function(event) {
   event.preventDefault();
   event.stopPropagation();
   var that = this, holder = document.createElement('div');
   $(holder).attr('id', 'trailer-dialog');
   $('#content').find('.get_more').append(holder);

   $(holder).dialog({
   closeText: '',
   dialogClass: 'videos-dialog',
   draggable: false,
   modal: true,
   position: ['center', 'top'],
   resizable: false,
   width: 570,
   open: function() {
   $(this).load(that.href);
   if ($.browser.msie) {
   window.scrollTo( 0, 950 );
   }
   },
   close: function() {
   $(this).remove();
   }
   });

   });

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend