Jquery移动冲突的Salesforce样式表

时间:2014-02-10 14:28:39

标签: jquery jquery-mobile salesforce visualforce merge-conflict-resolution

我正在尝试使用Jquery mobile创建一个简单的visualforce页面,但每当我在我的VF页面中添加Jquery移动库时,我的标准Saleforce全局搜索和样式表都会中断。

在客户门户网站和社区中,同一页面也会引发Salesforce Case和Leads标签中的问题。

我的VF页面 -

<apex:page >

   <head>    
         <link rel="stylesheet" href="https://code.jquery.com/mobile/1.1.2/jquery.mobile-1.1.2.min.css" />
        <apex:includescript value="{!URLFOR($Resource.JqueryMobile, 'MobileJquery/jquery-1.7.1.min.js')}" />
        <apex:styleSheet value="{!URLFOR($Resource.JqueryMobile, 'MobileJquery/jquery.mobile-1.2.0.min.css')}" /> 
        <apex:includescript value="{!URLFOR($Resource.JqueryMobile, 'MobileJquery/jquery.mobile-1.2.0.min.js')}" /> 
  </head>
</apex:page>

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

Salesforce包含许多javascript库,也可能使用&#39; $&#39;符号作为捷径,这可能会导致各种各样的问题。有一个简单的解决方法,因为我们可以为jQuery提供它自己的特殊名称。

var j$ = jQuery.noConflict();