vTiger和jQuery手机蒙版

Question

我有一个可以使用的电话蒙版，但是当我将jQuery添加到vTiger标头时，联系页面不会显示。

在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方法以添加库，在Contacts模块中添加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;
        }
}