gpt4 book ai didi

javascript - 点击打开/关闭 Jquery 菜单

转载 作者:行者123 更新时间:2023-11-28 06:11:19 25 4
gpt4 key购买 nike

我有一个菜单,旨在保存一些论坛的链接。我希望它在单击时打开并在单击时关闭。这是我的代码。

/*Custom BBPress admin links menu*/
function wpmudev_bbp_admin_links_in_menu($retval, $r, $args) {
if ( is_user_logged_in() ) {
$menulinks = '<ul id="bbp_custom_links_menu-' . $r["id"] . '" class="bbp_custom_links_menu">';
$menulinks .= '<li class="parent"><a href="#bbp_custom_links_menu-' . $r["id"] . '">Options</a>';
$menulinks .= '<ul class="bbp_custom_links_submenu">';
foreach($r['links'] as $key => $val) {
$menulinks .= "<li>{$val}</li>";
}
$menulinks .= '</ul></li></ul>';

echo $r['before'] . $menulinks . $r['after'];
}
}
add_filter('bbp_get_topic_admin_links', 'wpmudev_bbp_admin_links_in_menu', 10, 3);
add_filter('bbp_get_reply_admin_links', 'wpmudev_bbp_admin_links_in_menu', 10, 3);

add_action( 'wp_footer', 'overflow_overriding' );
function overflow_overriding() {
if ( !is_user_logged_in() ) {
}else{
?>
<script type="text/javascript">
jQuery( document ).ready(function() {
jQuery('.bbp-admin-links:even').css({"position": "absolute", "right": "380px"});
jQuery('.bbp-admin-links:even').click(function(e) {
e.preventDefault();
$('ul:first',$(this)).toggleClass('hidden active');
});
});
</script>

<?php
}
}

我已尝试使用此链接作为指南。

https://stackoverflow.com/a/2937603/6147300

我已经正确设置了所有 Jquery,但我不知道如何使用 CSS 来定位我需要定位的内容。另外,我不清楚将 CSS 放在哪里,是否需要放在 Jquery 代码中或我的 CSS 编辑器中。

有什么建议吗?

最佳答案

这就是你想要的:复制并保存为 HTML 文件以开始测试。

<style>
#lang-selector {
font-size: 12px;
height: 21px;
margin: 7px auto 17px auto;
width: 250px;
font-family: Verdana;
}

#lang-selector span {
color: #999;
float: left;
margin: 4px 0 0 87px;
padding-right: 4px;
text-align: right;
}

#lang-selector ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#lang-selector ul li a {
padding: 3px 10px 1px 10px;
}

#lang-selector ul, #lang-selector a {
width: 186px;
}

#lang-selector ul ul {
display: none;
position: absolute;
}

#lang-selector ul ul li{
border-top: 1px solid #666;
float: left;
position: relative;
}

#lang-selector a {
background: url("http://www.gamefriction.com/Coded/images/language_bg.png") no-repeat;
color: #666;
display: block;
font-size: 12px;
height: 17px;
padding: 4px 10px 0 10px;
text-align: left;
text-decoration: none;
width: 166px;
}

#lang-selector ul ul li a {
background: #333;
color: #999;
}

#lang-selector ul ul li a:hover{
background: #c4262c;
color: #fff;
}
</style>
<div id="lang-selector">
<ul>
<li>
<a href="#">Choose a Language</a>
<ul>
<li><a href="#">English</a></li>
<li><a href="#">Deutsch</a></li>
<li><a href="#">Italiano</a></li>
</ul>
</li>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript">

/* Language Selector */

$(function() {
$("#lang-selector li:first").click(function(){
$('ul:first',this).toggle();
})
});

$(document).ready(function(){

/* Navigation */
$('.subnav-game').hide();
$('.subnav-game:eq(0)').show();
$('.preorder-type').hide();


$('.preorder-type:eq(3)').show();


});
</script>

关于javascript - 点击打开/关闭 Jquery 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36367444/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com