jquery - TYPO3 扩展后端启用 jQuery 文件问题

Question

我正在尝试将 jQuery 文件用于我自己的扩展程序的后端。在Backend/partial/News/FormField.html我实现了f:be.containerviewhelper

<f:be.container
   includeJsFiles="{0:'{f:uri.resource(path: \'JS/jquery-3.2.1.min.js\',1:'{f:uri.resource(path: \'JS/crNews.js\')}'}">
<label for="header">
    <f:translate key="tx_crnews_domain_model_news.header" />
</label><br />
    <f:form.textfield property="header" id="header" size="100" /><br />
<label for="iFile">
    <f:translate key="tx_crnews_domain_model_news.i_file" />
</label><br />
    <f:if condition="{news}">
        <f:then>
            <f:image src='{news.iFile}' alt="image" width="200" /><br />
            <f:form.textfield property="iFile" size="100" /><br />
            <f:form.upload name="fInfo" id="fInfo" additionalAttributes="{accept='image/*'}" />
        </f:then>
        <f:else>
            <f:form.upload name="fInfo" id="fInfo" additionalAttributes="{accept='image/*'}" />
        </f:else>
    </f:if>
    <br />
<label for="iWidth">
    <f:translate key="tx_crnews_domain_model_news.i_width" />
</label><br />
    <f:form.textfield property="iWidth" id="iWidth" /><br />
<label for="iPos">
    <f:translate key="tx_crnews_domain_model_news.i_pos" />
</label><br />
    <f:form.select property="iPos" id="iPos" >
       <f:form.select.option value="left">links</f:form.select.option>
       <f:form.select.option value="right">rechts</f:form.select.option>
    </f:form.select><br />
<label for="text">
    <f:translate key="tx_crnews_domain_model_news.text" />
</label><br />
    <f:form.textarea property="text" id="text" cols="40" rows="15" /><br />
<label for="sDate">
    <f:translate key="tx_crnews_domain_model_news.s_date" />
</label><br />
    <f:form.textfield property="sDate" id="sDate" value="{news.sDate->f:format.date()}" /><br />
<label for="eDate">
    <f:translate key="tx_crnews_domain_model_news.e_date" />
</label><br />
<f:form.textfield type="datetime" property="eDate" id="eDate" class="form-control t3js-datetimepicker t3js-clearable" data="{date-type:'datetime',date-offset:'0'}" value="{eDate->f:format.date(format: 'd/m/Y')}" />
<span class="input-group-btn">
<label class="btn btn-default" for="eDate">
<span class="fa fa-calendar"></span>
</label>
</span>
<!--    <f:form.textfield property="eDate" id="eDate" value="{news.eDate->f:format.date()}" /> -->
<br />

<fieldset id="fsAPIC">
    <legend>Vorschau</legend>
</fieldset

</f:be.container>

我还包含了一个 jQuery 文件。是必需的吗？这是我的简单 crNews.js 文件：

$(document).ready(function(){
    alert("start crNews");
        $('#header').on('click', function() {
        alert("header clicked");
    });

});

但是，如果我打开后端，如果我在标题文本字段内单击，我看不到任何警报窗口，也没有警报。

怎么了？

编辑：includeJsFiles指令 中有错误。正确的指令是 includeJsFiles="{0:'{f:uri.resource(path: \'JS/jquery-3.2.1.min.js\')}', 1:'{f:uri.resource(path: \'JS/crNews.js\')}'}">，比它有效。

但是需要 jQuery 代码！

标签： jquerytypo3-extensions