命名空间全局变量问题
|
我对名称空间和全局变量非常陌生。我目前有此代码：
$(\'#formats1\').hover(function() {
var tag = \'div.cds\';
var offset = $(this).position();
var width = $(tag).outerWidth();
var height = $(tag).outerHeight();
$(tag).show();
$(tag).css(\'left\', offset.left - width + \'px\');
$(tag).css(\'top\', offset.top - height + \'px\');
}, function() {
$(\"div.cds\").hide();
});
$(\'#formats2\').hover(function() {
var tag = \'div.lp\';
var offset = $(this).position();
var width = $(tag).outerWidth();
var height = $(tag).outerHeight();
$(tag).show();
$(tag).css(\'left\', offset.left - width + \'px\');
$(tag).css(\'top\', offset.top - height + \'px\');
}, function() {
$(\"div.lp\").hide();
});
没有找到相关结果
已邀请:
3 个回复
佃蒜狗掂哥
$(\'#formats1\').hover(function() { do_hover(\'div.cds\', this); }, function() { $(\"div.cds\").hide(); }); $(\'#formats1\').hover(function() { do_hover(\'div.lp\', this); }, function() { $(\"div.lp\").hide(); }); function do_hover(tag, self){ var offset = $(self).position(); var width = $(tag).outerWidth(); var height = $(tag).outerHeight(); $(tag).show(); $(tag).css(\'left\', offset.left - width + \'px\'); $(tag).css(\'top\', offset.top - height + \'px\'); }蹦吃舷弦
var data = [{id: \'#formats1\', tag: \'div.cds\'}, {id: \'#formats2\', tag: \'div.lp\'} /*, ... */]; $.each(data, function( _, info ) { $(info.id).hover(function() { var $tag = $(info.tag), mypos = $.extend({ width: $tag.outerWidth(), height: $tag.outerHeight() }, $(this).position()); $tag.show().css({ left: mypos.left - mypos.width + \'px\', top: mypos.top - mypos.height + \'px\' }); }, function() { $(\"div.cds\").hide(); }); });。例如，您可以将整个代码包装成一个自调用方法：(function _namespace() { var $tag = $(\'#div.cds\'); $(\'#formats1, #formats2\').hover(function() { }); // ... }());蹦吃舷弦
然后，您可以在JavaScript中这样做：$(\'#formats1, formats2\').hover(function() { var $this = $(this); var $tag = $(\'div.\' + $this.data(\'tagclass\')); var offset = $this.position(); var width = $tag.outerWidth(); var height = $tag.outerHeight(); $tag.show(); $tag.css(\'left\', offset.left - width + \'px\'); $tag.css(\'top\', offset.top - height + \'px\'); }, function() { $(\'div.\' + $this.data(\'tagclass\')).hide(); });而不是。