Question

我们有一个自定义的Html Helper元素，其作用类似于自动完成控件。我试图基于复选框取消选中事件禁用jQuery中的整个控件，并且无法禁用整个控件。你能否请求提出可能存在的问题？

以下是控件的HTML

 <div class="f-form-field">
              <label>Restrict User Code:</label>
              <a cboxheight="450" cboxwidth="650" class="ui-corner-all ui-state-default f-form-popup" href="/ParagonLS/Controls/UserTypePartial.mvc/Index/0?controlId=SearchRestrictedUserCodes&amp;multiselect=True" tabindex="-1" title="User Codes">
                 <span class="ui-icon ui-icon-search"></span>
              </a>
              <ul class="ui-helper-reset acfb-holder SearchRestrictedUserCodes" style="">
                 <li>
                    <li class="acfb-data">
                    <span title="REALTOR">REALTOR</span>
                    <img class="p" rel="1" src="/ParagonLS/Scripts/autocompletefb/delete.gif" title="Remove">
                    </li>
                    <li class="acfb-data">
                    <span title="OFFICE ASSISTANT">OFFICE ASSISTANT</span>
                    <img class="p" rel="6" src="/ParagonLS/Scripts/autocompletefb/delete.gif" title="Remove">
                    </li>
                    <input cbheight="450" cbwidth="650" class="ac_input acfb-input acf" data="Name" desc="Code" extraparams="{&quot;multiple&quot;:true}" id="SearchRestrictedUserCodes" name="SearchRestrictedUserCodes" type="text" url="/ParagonLS/Services/UserType.svc/json/v1/Autocomplete" autocomplete="off">

                </li>
            </ul>
    </div>

我可以在输入#SearchRestrictedUserCodes中添加disable属性，但它不会禁用整个control / ul。

$("#SearchRestrictedUserCodes").attr('disabled', 'disabled');

尝试禁用此输入控件的父级，但无法执行此操作。

$("#SearchRestrictedUserCodes").parent.attr('disabled', 'disabled');

Answer 1

它不是

$("#SearchRestrictedUserCodes").parent.attr('disabled', 'disabled');

但是

$("#SearchRestrictedUserCodes").parent().attr('disabled', 'disabled');

Answer 2

正如@MartinRohan所指出的，parent是一个函数，需要括号后面。此外，您将SearchRestrictedUserCodes定义为CSS类，而不是元素ID，因此该行将为：

$(".SearchRestrictedUserCodes").parent().attr('disabled', 'disabled');

或者，您可以改为SearchRestrictedUserCodes ID：

<ul id="SearchRestrictedUserCodes" class="ui-helper-reset acfb-holder" style="">

禁用自定义Html Helper元素

2 个答案: