我希望有一个jQuery动态菜单,它可以导航到<a></a>标签以及页面URL附带的标签。
$('ul.nav.navbar-nav.side-nav.nicescroll-bar li').find('a').each(function() {
var text = $(this).attr("href");
if (window.location.href.includes(text)) {
$('ul.nav.navbar-nav.side-nav.nicescroll-bar li a').addClass('active')
} else {}
});Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav navbar-nav side-nav nicescroll-bar" style="overflow: hidden; width: auto; height: 100%;">
<li><a href="home">home</a></li>
<li><a href="dashboard">dashboard</a></li>
<li><a href="base">base</a></li>
<li><a href="test">test</a></li>
</ul>Run Code Online (Sandbox Code Playgroud)
在此代码中,所有菜单都有颜色更改,应根据页面的地址更改菜单的颜色。
我有一个带有过滤器名称的对象,我想在范围滑块更改时更改对象内的数量
我的 HTML 代码是:
<input id="length" class="border-0" type="range" min="1" max="100"/>
Run Code Online (Sandbox Code Playgroud)
和我的 jQuery:
function updateData() {
var filter = {};
filter.length = $('#length').val();
return filter;
}
$('#length, #height, #capacity').change(function () {
updateData();
console.log(updateData())
});
Run Code Online (Sandbox Code Playgroud)
下面的代码不起作用并返回 1 - 100 之间的数字
我正在使用“如何在 Woocommerce 中获取最新订单 ID ”答案代码,该代码通过自定义函数返回最后一个订单get_last_order_id()。
这是我获取订单商品的代码尝试:
<?php
$latest_order_id = get_last_order_id(); // Last order ID
$order = wc_get_order( $latest_order_id ); // Get an instance of the WC_Order object
$order_details = $order->get_data(); // Get the order data in an array
$order_status = esc_html( wc_get_order_status_name( $order->get_status() ) );
$order_items = $order_details['line_items'];
?>
Run Code Online (Sandbox Code Playgroud)
然后我在这段代码中使用它:
<div class="row last-order">
<div class="col-md-7">
<ul>
<?php
foreach ($order_items as $product_name) { ?>
<li><?php echo $product_name['name']; ?></li>
<?php
}
?>
</ul>
</div>
<div class="col-md-4 order-status-box"> …Run Code Online (Sandbox Code Playgroud) 我们想在laravel 5.2上使用ajax从mysql中接收数据创建一个关系选择选项。
我们有三个选择选项:“类型”、“品牌”和“产品名称”。
选择类型后,应加载相关品牌,然后在选择品牌时,应在最后一次选择中加载相关的产品名称。
我们希望在我们的网站上有一个后退按钮,但javascript中的history.back对我们没有帮助.我们需要此功能仅在站点上运行,如果用户来自其他站点,则不应返回上一站点上的返回按钮.
实际上,我们只想在我们的网站上运行一个返回按钮.我的代码是
<a href="javascript:history.back();" class="btn btn-danger btn-rounded btn-anim"><i class="fas fa-arrow-left"></i><span class="btn-text">Back</span></a>
Run Code Online (Sandbox Code Playgroud)