如果我将float设置为left,则jquery的高度不起作用 该网站是http://imperiorwebdesign.com/portofoliu 我在css中设置了高度,但我不喜欢它是如何工作的
(function($) {
$.Tabs = function(el, options) {
var base = this;
base.$el = $(el);
base.$nav = base.$el.find(".nav");
base.init = function() {
base.options = $.extend({},$.Tabs.defaultOptions, options);
// Accessible hiding fix
$(".hide").css({
"position": "relative",
"top": 0,
"left": 0,
"display": "none"
});
base.$nav.delegate("li > a", "click", function() {
// Figure out current list via CSS class
var curList = base.$el.find("a.current").attr("href").substring(1),
// List moving to
$newList = $(this),
// Figure out ID of new list
listID = $newList.attr("href").substring(1),
// Set outer wrapper height to (static) height of current inner list
$allListWrap = base.$el.find(".list-wrap"),
curListHeight = $allListWrap.height();
$allListWrap.height(curListHeight);
if ((listID != curList) && ( base.$el.find(":animated").length == 0)) {
// Fade out current list
base.$el.find("#"+curList).fadeOut(base.options.speed, function() {
// Fade in new list on callback
base.$el.find("#"+listID).fadeIn(base.options.speed);
// Adjust outer wrapper to fit new list snuggly
var newHeight = base.$el.find("#"+listID).height();
$allListWrap.animate({
height: newHeight
});
// Remove highlighting - Add to just-clicked tab
base.$el.find(".nav li a").removeClass("current");
$newList.addClass("current");
});
}
// Don't behave like a regular link
// Stop propegation and bubbling
return false;
});
};
base.init();
};
$.Tabs.defaultOptions = {
"speed": 300
};
$.fn.Tabs = function(options) {
return this.each(function() {
(new $.Tabs(this, options));
});
};
})(jQuery);
$(function() {
$("#pagew").Tabs({
"speed": 200
});
});`
答案 0 :(得分:1)
对我来说听起来像是一个清除问题,你可能需要为周围的div添加一个清晰的。
这是一篇关于这个主题的好文章 - http://css-tricks.com/snippets/css/clear-fix/