复选框标题中的 jquery 显示选项下滑功能在第一个"call"后面不起作用

Question

我的脚本在我的表中第一次使用时工作。但是在第二次使用时，slideDown效果不起作用。

这是我的脚本:

    <script>
        $(function() {
            $( "#show-option" ).tooltip({
                show: {
                    effect: "slideDown",
                    delay: 100
                }
            });
            $( "#hide-option" ).tooltip({
                hide: {
                    effect: "explode",
                    delay: 250
                }
            });
            $( "#open-event" ).tooltip({
                show: null,
                position: {
                    my: "left top",
                    at: "left bottom"
                },
                open: function( event, ui ) {
                    ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast" );
                }
            });
        });
    </script>

下面是我如何使用它的一个例子。

                <input type="checkbox" value="NPC bootet nicht mehr" /> <a id="show-option" title="PLED noch an?&#10;Micom Reset erfolglos?&#10;Piept&ouml;ne?"> NPC bootet nicht mehr</a>

这些行工作得很好，但是我的400个复选框中只有第一个可以使用幻灯片效果。我怎样才能解决这个问题?

Answer 1

这可能是因为您使用的是ID而不是类——

如果你有400个复选框，jQuery只会找到第一个与你指定的ID。

因此，将ID更改为类:

<a class="show-option"> [...] 

和

 $( ".show-option" ).tooltip({