jquery-ui 相关问题

JQuery .fadeToggle() 无法正常工作：自动淡出

$(文档).on('click', '.tree label', function(e) { $(this).next('ul').fadeToggle(); e.stopPropagation(); }); <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$(document).on(&#39;click&#39;, &#39;.tree label&#39;, function(e) { $(this).next(&#39;ul&#39;).fadeToggle(); e.stopPropagation(); });</code></pre> <pre><code>&lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;ul class=&#34;tree&#34;&gt; &lt;li class=&#34;has&#34;&gt; &lt;label class=&#34;container&#34;&gt;ROOT&lt;span class=&#34;total&#34;&gt;(12) &lt;/span&gt; &lt;input type=&#34;checkbox&#34; name=&#34;domain[]&#34; value=&#34;ROOT&#34;&gt; &lt;span class=&#34;checkmark&#34;&gt;&lt;/span&gt;&lt;/label&gt;&lt;/ul&gt; &lt;ul style=&#34;display: none;&#34;&gt; &lt;li&gt;&lt;label class=&#34;container&#34;&gt;CHILD&lt;input type=&#34;checkbox&#34; name=&#34;subject[]&#34; value=&#34;CHILD&#34;&gt;&lt;span class=&#34;checkmark&#34;&gt;&lt;/span&gt;&lt;/label&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/li&gt; &lt;/ul&gt;</code></pre> </div> </div> <p></p> <p>当我点击第一个标签时，它应该是<pre><code>fadeToggle</code></pre>下一个<pre><code>ul</code></pre>。但是一旦淡入，它就会自动淡出。</p> <p>谁能告诉我问题出在哪里？ HTML 格式不正确吗？</p> </question> <answer tick="false" vote="0"> <p>你的 html 标记是错误的。你还没有关闭第一个<pre><code>ul</code></pre>.</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$(document).on(&#39;click&#39;, &#39;.tree label&#39;, function(e) { $(this).next(&#39;ul&#39;).fadeToggle(); e.stopPropagation(); });</code></pre> <pre><code>&lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;ul class=&#34;tree&#34;&gt; &lt;li class=&#34;has&#34;&gt; &lt;label class=&#34;container&#34;&gt;ROOT&lt;span class=&#34;total&#34;&gt;(12) &lt;/span&gt; &lt;input type=&#34;checkbox&#34; name=&#34;domain[]&#34; value=&#34;ROOT&#34;&gt; &lt;span class=&#34;checkmark&#34;&gt;&lt;/span&gt;&lt;/label&gt; &lt;ul style=&#34;display: none;&#34;&gt; &lt;li&gt;&lt;label class=&#34;container&#34;&gt;CHILD&lt;input type=&#34;checkbox&#34; name=&#34;subject[]&#34; value=&#34;CHILD&#34;&gt;&lt;span class=&#34;checkmark&#34;&gt;&lt;/span&gt;&lt;/label&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/ul&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

使用数据属性添加工具提示但不显示

我正在使用 jquery UI，我正在尝试在复选框上显示数据属性 这是我的 html 我正在使用 jquery UI，我正在尝试在复选框上显示数据属性 这是我的html <input class="checktip" data-home="Working from Home" data-office="Working from Office" type="checkbox" name="Monday" id="Monday"> 这是我拥有的 jquery COde $(".checktip :checked").tooltip({ "classes": {"ui-tooltip": "uitooltip"}, "content": $(this).data("office") }); $(".checktip").tooltip({ "classes": {"ui-tooltip": "uitooltip"}, "content": $(this).data("home") }); 但是在元素悬停时，它没有显示任何东西，这里有什么问题 jQuery 工具提示 的文档说它将在应用它的元素的title 属性中显示文本。您的示例中的元素没有 title 属性，因此没有任何内容可显示。这就是为什么你的工具提示没有出现。 在下面的例子中，我在你的title元素中添加了一个<input>，所以现在当你悬停时工具提示会出现。 $(document).ready(function() { $(".checktip :checked").tooltip({ "classes": { "ui-tooltip": "uitooltip" }, "content": $(this).data("office") }); $(".checktip").tooltip({ "classes": { "ui-tooltip": "uitooltip" }, "content": $(this).data("home") }); }); <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script> <input class="checktip" data-home="Working from Home" data-office="Working from Office" type="checkbox" name="Monday" id="Monday" title="Here's your tooltip!"> <label for="Monday">Hover over the input to show a tooltip</label> 如果您想以编程方式更改标题，可以使用 jQuery .attr("title", "new value you want") 函数。

单击按钮时如何显示对话框

我想在点击“前进”按钮时显示一个对话框。此对话框必须让我有可能继续或停留在同一页面上。你是怎样做的？ 下面是我的源代码： ...

设置Jquery-ui滑块句柄文本值

我有许多 jquery 按钮和一对滑块，它们设置一对隐藏表单输入的值，其值被发布到 python 后端，它设置一对 moto 的速度...

如何在 Dragover 或 Dragenter 事件中从 DataTransfer.getData 获取数据

我有一个代码： element.addEventListener('dragstart',function(e){ e.dataTransfer.setData('Text', 'something is here'); }，错误的）; 当我在事件 Drop 中从 DataTransfer.getData 获取数据时...

beforeshowday 在日期时间选择器中不起作用

beforeshowday 选项在 datetimepicker 中不起作用我尝试了下面的代码。我尝试在 beforeshowday 函数中添加简单的警报，但它不起作用 $(文档).ready(函数(){ const current = 新 ...

jQuery：数据（）选择器在设置后不起作用

我希望至少匹配一个元素，但我得到零。我究竟做错了什么？ $("tr:first").data("aaa", "333"); // 设置数据 console.log($("tr:data(aaa ==...

jQuery UI：可选择嵌套元素（父容器可拖动）

我结合了jQuery draggable, selectable and droppable并且它工作正常，但是我遇到了以下问题（见下图）： 我想对嵌套项目使用 selectable 来拖动它们

如何在 laravel 9 中使用 jQuery UI 和 vite

我正在学习 vite，并且对将 jquery-ui 包含到项目中感到震惊。 库文件 从 'jquery' 导入 * 作为 jQuery； 声明全局{ 界面窗口{ jQuery：jQuery 类型； $：...

我正在使用JqueryUI Sortable，但我无法让句柄选项工作。我是不是用错了？

我想用html做一个表，可以和其他类似的表一起排序。这将是一个包含多个小部件的页面，用户可以对其进行排序。到目前为止，它是可以工作的，也是可以排序的，但是我 ...

JqueryUI隐藏效果并保留空间。

我想用jquery UI隐藏一个有效果的元素，但我希望元素被隐藏后，元素所占的空间能留下来。我不想使用可见性属性，因为我 ...

jQueryUI自动完成与默认的文本。

我有一个jQuery自动完成小部件，它的输入中有一些默认的阴影文本，比如 "输入一些东西 "http:/jsfiddle.netCwmX9。当用户在输入栏中输入一些东西后，......

如何让div在ul-li-a内，并使div内的文字相等。

我在搜索按钮内有一个缓存列表，一旦我选择其中一个，它应该会触发菜单并选择正确的。但是我不知道如何将一个div的innerText与...进行比较。

如何在JQuery UI自动完成中添加html元素？

我最近使用了Jquery UI的自动完成功能，想知道如何在列表顶部添加一个头。下面是我想用建议作为头部实现的功能。这是我目前的脚本 $(document).ready(... )

Jquery datepicker格式完全失效

Iframe与Powerapps表格的高度和宽度问题

我有一个问题与iframe加载PowerApps形式。PowerApps表格有固定的高度和宽度，由于某些原因，所以我想调整，以适应内容单独在iframe。例如：下面的内容...

通过拖放复制bootstrap td。

你好，我需要的是，用户可以将右边表的名字和左边表的名字关联起来，填充左边表的空列，这样在一个bootstrap表中就有多行 ...

如何在Jquery datePicker选项中运行多个带返回的函数 beforeShowDay。

我使用datepicker并在日历中标记日期。我有两个函数（workdays和dates）。Workdays决定并设置工作日。Dates决定要着色的日子。每一个...

如何在我点击和滑动时给td着色？

我有一个测试DIV，我可以拖入一个表格，当DIV下降到选项卡，我的目标色

要么是复选框没有被选中，要么是脚本停止继续。

我想让用户只需点击行，然后选中或取消选中复选框。我想让这一行动画化并上下移动，这样被选中的项目就会出现在列表的底部。...