0

我正在编写一个 Enjin 网站。还有一个下拉菜单，其中包含所有管理面板选项。这是我添加引导导航栏后的样子。图片

如您所见，Admin 已将自己置于导航栏的最后一个下拉列表中。管理员下拉菜单的代码如下所示：

<div class="left">
        <a href="/" style="display: none;">CorruptionCraft</a><span class="divider">|</span><a href="/admin"></a><a href="/admin" onmouseover="Enjin_Core.dropdownMenu([['Users','/admin/users',0],['Games','/admin/games',0],['Pages','/admin/layout',0],['Modules','/admin/modules',0],['Voice','/admin/voice',0],['Themes','/admin/themelayout',0],['Files','/admin/files',0],['Settings','/admin/settings',0],['','divider'],['&lt;a href=\'javascript:void(0);\' class=\'menu-link\' onclick=\'Enjin_Core.toggleEditMode(this);\'&gt;Quick edit&lt;/a&gt;', 'html'],['&lt;a class=\'menu-link\' href=\'/admin/layout/index/page/3661170\'&gt;Edit page layout&lt;/a&gt;', 'html'],['','divider'],['Help Wiki','http://wiki.enjin.com',1],['Live Help Chat','http://www.enjin.com/forums#livehelp',1],['Support Forums','http://www.enjin.com/forums',1],['Email Support','http://www.enjin.com/support/form',1]], $(this), 'enjinbar-menu');"><span style="">Admin</span></a><span class="arrow" style="border-top-color: gray;"></span>       </div>

如您所见，它没有相对 ID 或类。之前移动它时，我使用 jQuery 为链接添加了填充：

 $(document).ready(function() {
 $.get('/login/do/joinsite', function(data) {});
 $("a[href^='/admin']:contains('Admin')").html("<span style='padding-left:80px'>Admin</span>");

但是，尽管它将链接移动到所需的位置，但所有填充仍然是链接的。因此，当将鼠标悬停在没有填充的管理文本所在的位置时，它仍会打开下拉菜单。我希望完全移动文本，而不会出现这个烦人的错误。正如您在这张图片中看到的： 图 2 请原谅我的油漆使用 - 但您希望能看到问题，并为我提供修复。由于 Enjin 是一个网站建设者，我不能直接去编辑 Admin 代码，需要一些额外的代码来更改它。

4

1 回答 1

1

padding扩展可点击区域。您应该margin改用，但不要在<span/>您在<a/>. 将其直接应用于<a/>：

$("a[href^='/admin']:contains('Admin')").css("margin-left", "80px");
于 2013-04-07T12:48:16.187 回答