Jquery 移动冲突 Salesforce 样式表答案

【问题标题】：Jquery mobile conflicting Salesforce stylesheetJquery 移动冲突 Salesforce 样式表
【发布时间】：2014-02-10 14:28:38
【问题描述】：

我正在尝试使用 Jquery mobile 创建一个简单的 visualforce 页面，但是每当我在我的 VF 页面中添加 Jquery mobile 库时，我的标准 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>

谁能帮我解决这个问题？

【问题讨论】：

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

【解决方案1】：

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

var j$ = jQuery.noConflict();

【讨论】：