javascript - vTiger 和 jQuery 手机掩码

Question

我有一个可以使用的电话掩码，但是当我将 jQuery 添加到 vTiger header 时，联系页面无法绘制。

在 Header.tpl 中我有 js 引用:

<script type="text/javascript" src="include/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="include/jquery/jquery.maskedinput.min.js"></script>

当我将所需的代码放入 header.tpl 文件中时，包含目标电话字段的页面会卡住。

<script type="text/javascript">
jQuery(function($){
   $("#phone").mask( "999-999-9999", { placeholder : "_" } );
   });
</script>

任何有关页面无法绘制的原因的想法都值得赞赏。

Answer 1

您应该重写模块中Edit.php文件中的getHeaderScripts方法来添加您的库，在联系人模块中添加Mask Plugin，最好不要修改原始模板文件，仅重写:

class Contacts_Edit_View extends Vtiger_Edit_View {
    function getHeaderScripts(Vtiger_Request $request) {
            $headerScriptInstances = parent::getHeaderScripts($request);

            $jsFileNames = array(
                'modules.Contacts.resources.Mask'
            );

            $jsScriptInstances = $this->checkAndConvertJsScripts($jsFileNames);
            $headerScriptInstances = array_merge($headerScriptInstances, $jsScriptInstances);
            return $headerScriptInstances;
        }
}