Question

我的页面中有一个手风琴元素。问题是手风琴出现在页面上但不可点击。 “不可点击”，我的意思是当我点击标题时，它不会展开以显示内容。什么都没发生。我希望有人能帮帮忙。

提前致谢。

Answer 1

你的jQuery.js模块必须在semantic-ui accordion.js之前加载模块。

简单地说

<script src="js/accordion.js"></script>

之后

<script src="js/vendor/jquery-1.11.2.min.js"><\/script>

（或者你的jQuery版本是什么......）

并将脚本标记内的html文档中的accordion初始化为：

<script language='javascript'>
             $(document).ready(function(){
                $('.ui.accordion').accordion();
             });
</script>

这是一个有效的example

Answer 2

在您写在$( document ).ready(function()下的嵌套手风琴上会发生这种情况因此，尝试像这样在ajax回调中调用手风琴函数；

$('input[name=sampleInput]').on('input', function() {

var val = $("input[name=sampleInput]").val();

if (val.length >= 3)
{
  $.ajax( {
    url: 'sample_handler.php',
    type: 'GET',
    data: {

      data: data

    },
    dataType: 'html',

    success: function ( response ) {

      $('.ui.accordion').accordion({});
     }

   })
  }
})

例如，我将手风琴函数放在了回调中。因此，即使添加嵌套的手风琴，我也可以一次又一次地使用它。

Answer 3

就我而言，我在javascript / jQuery中遇到语法错误。修复该问题并在语义UI之前导入jQuery模块后，它就可以工作了。您可以在浏览器中打开开发工具，然后在控制台中检查javascript中的错误（Chrome中为F12）。

    <script type="text/javascript">

$(document).ready(function() {

   window.onload = function(){
       $('.ui.accordion').accordion();

   };
});

</script>

语义UI手风琴无法正常工作

3 个答案: