Jquery移动冲突Salesforce样式表

Question

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

在客户门户和社区中，同一页面也会在Salesforce案例和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>

有没有人能帮我解决这个问题？

Answer 1

Salesforce包含大量的javascript库，它们也可能使用'$‘符号作为快捷方式，这可能会导致各种问题。有一个简单的解决办法，因为我们可以给jQuery起一个自己的特殊名称。

var j$ = jQuery.noConflict();