django Bootstrap-select不适用于HTMX partials

jogvjijk 于 2023-07-01 发布在 Go

关注(0)|答案(1)|浏览(113)

我尝试在Django中使用Bootstrap-select和HTMX partials。当一个特定的元素被改变时，htmx将返回一个只包含下拉列表的部分html，例如：

<select id="myDropdown" class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

当初始加载包含CDN和myDropdown的主页面时，selectpicker工作正常。然而，当HTMX返回myDropdown时，selectpicker不工作，得到一个显示：不重要！不重要！这种行为就像渲染部分html时CDN不可用一样。
如果不是使用class=“selectpicker，我使用$（function（）{ $（'#myDropdown'）.selectpicker（）;}）;它确实有效。现在的问题是，在JS函数启动之前，myDropdown有一个根本没有样式化的地方。
有人知道如何解决这个问题或绕过它在一个聪明的方式？

django

来源：https://stackoverflow.com/questions/74756399/bootstrap-select-not-working-with-htmx-partials

1条答案

按热度按时间

e5nqia271#

遇到了类似的问题，通过在我的base.html中重新加载bootstrap-select的selectpicker解决了这个问题：

htmx.on('htmx:afterSwap', function (event) {
    $('.selectpicker').selectpicker('reload');
})

赞(0）回复(0）举报 2023-07-01

我来回答

django Bootstrap-select不适用于HTMX partials

1条答案

相关问题

热门标签

最新问答