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

问题描述

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

<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 代码！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

jquery typo3-extensions