エンジンのウェブサイトをコーディングしています。そして、すべての管理パネル オプションを含むドロップダウンがあります。これは、ブートストラップ ナビゲーション バーを追加した後の外観のイメージです。
ご覧のとおり、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'],['<a href=\'javascript:void(0);\' class=\'menu-link\' onclick=\'Enjin_Core.toggleEditMode(this);\'>Quick edit</a>', 'html'],['<a class=\'menu-link\' href=\'/admin/layout/index/page/3661170\'>Edit page layout</a>', '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>");
ただし、リンクを目的の場所に移動しますが、すべてのパディングはまだリンクされています。そのため、パディングなしで管理テキストがある場所にカーソルを合わせると、ドロップダウンが開きます。この厄介なバグがなくても、テキストを完全に移動したいと考えています。この画像でわかるように:
私のペイントの使用を許してください。Enjin は Web サイト ビルダーであるため、管理コードを直接編集することはできず、それを変更するには追加のコードが必要です。