Question

我尝试在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>

有什么想法吗？

任何可能导致无法降级的冲突？

的问候， ethereal1m

Answer 1

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

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

我已经检查过了，它正在运行。如果不是，则应修改jssor.slider.mini.js中包含的函数uc（c）。此函数在mousedown时触发。你必须改变这个：

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查看一个有效的示例。

希望它有用！

如何在jssor滑块内放置下拉菜单

1 个答案: