如何在 jssor 滑块中放置下拉菜单答案

【问题标题】：How to put drop down menu inside jssor slider如何在 jssor 滑块中放置下拉菜单
【发布时间】：2014-09-24 14:00:25
【问题描述】：

我尝试在 Jssor 滑块中放置一个下拉菜单，但是在其中时菜单无法下拉。

以下是代码：

<head>
<script src="jquery.js"></script>
<script src="jssor.slider.min.js"></script>
<script>
    jQuery(document).ready(function ($) {
        var options = { $AutoPlay: false };
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
    });
</script>
<style>
        .form-style {
            position: relative;
            top:10px;
            left:10px;
        }
        .image-style {
            position: absolute;
            height: 100px;
            width: 100px;
        }
</style>
</head>
<body>
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 300px;">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; overflow: visible; left: 0px; top: 0px; width: 600px; height: 300px; float: right;">
        <div>
            <img u="image" src="1.jpg" class="image-style" />
            <form class="form-style" action="index" method="post" >
                Admin Mode: <select name="admin_mode">
                    <option value="on">on</option>
                    <option value="off">off</option>
                </select>
            </form>
        </div>
        <div>
            <img u="image" src="2.jpg" class="image-style" />
            <form class="form-style" action="index" method="post" >
                Admin Mode: <select name="admin_mode">
                    <option value="on">on</option>
                    <option value="off">off</option>
                </select>
            </form>
        </div>
    </div>
</div>
</body>

有什么想法吗？

有什么冲突可能导致无法下拉？

问候，空灵1m

【问题讨论】：

这是一个错误，我已经修复并上传了。请下载最新版本。
好的，谢谢这个工作了

标签： javascript jquery html css jssor

【解决方案1】：

现在，我不知道为什么会这样。但是在弄清楚发生了什么的同时，一种解决方案可能是：通过单选框更改选择下拉框，例如：

<input type="radio" name="AdminMode" value="on">on<br>
<input type="radio" name="AdminMode" value="off">off

我已经检查过了，它正在工作。如果不是，则应修改 jssor.slider.mini.js 中包含的函数 uc(c)。该函数在鼠标按下时触发。您必须将其更改为：

function uc(c){
    var b=a.nf(c).tagName;
    !N && b!="INPUT" && b!="TEXTAREA" && sc() && tc(c)
}

变成这样：

function uc(c){
    var b=a.nf(c).tagName;
    !N && b!="TEXTAREA" && sc() && tc(c)
}

查看此链接example 以查看工作示例。

希望有用！

【讨论】：