下拉显示悬停选项

Dropdown it shows option on hover

本文关键字：选项 悬停 显示      更新时间：2023-12-06

我有一个下拉列表，它只在点击时显示选项，但我需要在悬停时显示选项

<label><?php echo $this->__('Sort By') ?></label>
                <select onhover="setLocation(this.value)" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Sort By')) ?>">
                    <?php foreach($this->getAvailableOrders() as $_key=>$_order): ?>
                    <div class="dropdown-content">
                        <option value="<?php echo $this->getOrderUrl($_key, 'asc') ?>"<?php if($this->isOrderCurrent($_key)): ?> selected="selected"<?php endif; ?>>
                            <?php echo $this->__($_order) ?>
                        </option>
                            </div>
                    <?php endforeach; ?>
                </select>

也许你可以做这样简单的事情：https://jsfiddle.net/virginieLGB/v2064L95/

showHideDD()是用于切换下拉菜单的功能。然后只需绑定click、mouseover和mouseout事件
或者更清楚一点，你可以做：

$("#myid,#dd").click(showHideDD);
$("#myid,#dd").mouseover(showHideDD);
$("#myid,#dd").mouseout(showHideDD);
相关文章：