با سلام
من یه پلاگین برای منو نوشتم منتها مشکلی که دارم اینه که فقط یک منو رو نشون میده یعنی اگه گروهی از لینکها رو بفرستم فقط اون آخری رو می گیره!!!
لطفاً راهنمایی
//پلاگین
(function($){
$.cMenu = function(selector, e, settings){
var offset = $(selector).offset();
var left = (e.clientX-( $('#CmenuDropDown').width()+20));
config = $.extend({
Top : (e.clientY + $('#CmenuDropDown').height())+'px',
Left : left,
Menus :{
Href : 'javascript:void(0)',
IconColor : 'blue',
IconClass : 'ok',
MenuText : 'sample text',
MenuTitle : '',
AddSeprate: false,
Submenu : {
IsSub : false,
Href : 'javascript:void(0)',
IconColor : 'blue',
IconClass : '',
MenuText : 'sub sample text',
MenuTitle : ''
}
}
}, settings);
ClearMenu();
var page = $('body');
var MenuItem = '<li class="{CLS}"><a href="{HREF}" title="{TITLE}"><span class="{ICON_COLOR}" style="margin-left: 3px;"><i class="icon-{ICON_CLASS} bigger-120"></i></span>{ITEM_TEXT}</a></li>';
var myCmenu = $('#myCmenu');
myCmenu.append('<div class="dropup dropdown-preview"><ul class="dropdown-menu dropdown-light dropdown-info dropdown-caret right CmenuDropDown" style="webkit-border-radius: 0px!important;position: absolute;direction : rtl;width: auto;"></ul></div>');
MenuItem = ((((MenuItem.replace('{HREF}',config.Menus.Href)). replace('{ICON_COLOR}',config.Menus.IconColor)).re place('{ICON_CLASS}',config.Menus.IconClass)).repl ace('{ITEM_TEXT}',config.Menus.MenuText)).replace( '{TITLE}',config.Menus.MenuTitle !== undefined ? config.Menus.MenuTitle : '');
$('.CmenuDropDown').append($(MenuItem));
var top = (e.clientY + $('#CmenuDropDown').height()+90)+'px'
$('#myCmenu').css('top',top).css('left',config.Lef t),css('z-index',9999).css('display','block');
};
$.RemoveCmenu = function(){
ClearMenu();
}
function ClearMenu(){
if($('#myCmenu').length > 0){
$('#myCmenu').empty().html('');
}
}
})(jQuery);
//استفاده
$.cMenu($(this),e,
{ Menus:{
Href: '#',
IconColor : 'blue',
IconClass : 'info-sign',
MenuText : 'مشاهده جزئيات سفارش',
MenuTitle : 'يك تايتل نمونه براي اين لينك'
}
});
dsafhsdkjfh.PNG