Question

我是网络开发的新手，我正试图在文本框中输入文本时将手风琴更改为活动状态。我还试图在输入文本时使手风琴中的内容成为必需。

这是我到目前为止所做的：

   at System.Data.DataTableExtensions.LoadTableFromEnumerable[T](IEnumerable`1 source, DataTable table, Nullable`1 options, FillErrorEventHandler errorHandler)
   at System.Data.DataTableExtensions.CopyToDataTable[T](IEnumerable`1 source)

//when text box is edited
$("#hardware").on("keyup", function () {
    if ($(this).val().length > 0) {
        //Also needing fields to become required here?

        //displaying accordion
        $("#accordion").accordion({
            active: true
        });

        //displaying accordion
    } else {
        $("#accordion").accordion({
            active: false
        });
    }
});

//Functionality of accordian
$(function () {
    $("#accordion").accordion({
        active: false,
        collapsible: true,
        autoHeight: false,
        navigation: true
    });

});

这里是小提琴Demo

根据我的思维过程，手风琴应扩大文字输入。但它不是......任何人都能指出我正确的方向吗？

Answer 1

你只需稍微重写一下这些电话：

$("#hardware").on("keyup", function () {
    if ( $(this).val().length > 0 ) {
        $( "#accordion" ).accordion( "option", "active", 0 );
    } else {
        $( "#accordion" ).accordion( "option", "active", false );
    }
});

See this updated demo

这样写：

$("#accordion").accordion({
    active: true
});

实际上是在再次初始化手风琴小部件。在jQuery UI小部件初始化之后设置选项的正确方法是调用它的内部option函数，如下所示：

$(selector).widget( "option", "optionName", otionValue );

为了得到它，

$(selector).widget( "option", "optionName");

查看Accordion Option-Active Docs

Answer 2

我们只为Accordion中的活动属性提供索引。

reading write love
coder heart
stack overflow

war:war

Fiddle

文本框改变手风琴显示

2 个答案: