Question

我使用来自Jquery UI的手风琴盒。它不起作用。

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

这是我使用accodion box的事件处理程序

$("#skillcat").click(function(e) {
                //var submit_val = new Array();
                //$('#accordion1').accordion('destroy');
                e.preventDefault();
                var ids = [];
                var el = $('[name*=check_subjects]:checked'); //Get all checked Checkboxes
                el.each(function () {
                    ids.push($(this).attr('id')); //get the Id from each checkbox
                });

                $.ajax( {
                type : "POST",

                dataType : "json",
                //
                url : "./wp-admin/admin-ajax.php",
                data : {
                    action : 'each_category',
                    check_subjects : ids
                },
                success : function(data) {
                            alert(data);

                    $('#accordion1').html(data);
                    $("#accordion1").accordion({ active: 0 });
                    $("#accordion1").css("font-family", "'Trebuchet MS', Arial, Helvetica, sans-serif");
                    $("#accordion1").css("font-size", "0.9em");



                    }
            });
        });

我认为要提出反应的地方

   <div id="accordion1" >


    </div>

但是，当我第一次点击按钮时，我会将数据发送到警告框。它渲染conent但它不适用于accodion box。我在同一页上有另一支手风琴，但它有效。

如果我点击同一页面上的另一个按钮并尝试提交上面的按钮，我会将数据提醒，但不会将html呈现给浏览器。

我犯了错误？

Ajax正在运作。

更新

当我添加此代码时

$('#accordion1').accordion('destroy');

前

$('#accordion1').html(data);

Accodion开始运作。但像往常一样，它不是第二次工作。

Answer 1

所有jQuery UI插件都维护状态，例如当前选项值，插件是启用还是禁用，哪些插件已在元素上初始化等等。此插件在元素上实例化时保持不变状态。它被销毁，由用户调用.pluginName（'destroy'）或通过.remove（）删除元素（或其中一个祖先）。由于这种状态管理，除非先破坏插件实例，否则不能多次在元素上实例化相同的插件。

请查看以下链接，了解更多信息help link

jquery手风琴不起作用

1 个答案: