Javascript 未捕获Jquery错误-帮助我

嗨，我在我的Visualforce页面上遇到了这个错误

未捕获引用错误：$未定义

这是我的密码

<apex:page standardController="Account" extensions="ActivityDetailExtension" standardStylesheets="false" sidebar="false">

   <apex:stylesheet value="{!URLFOR($Resource.SLDS0105, '/assets/styles/salesforce-lightning-design-system-vf.css')}"/>

   <style>
   .table-border {margin-top:20px;}
   .table-border tr td {border: 1px solid #d8dde6;}
   .table-border tr th {border: 1px solid #d8dde6;}
   .sub-goal {margin-left:50px;}

   </style>

    <script>

            $(document).ready(function(){
               j$('#modal').removeClass('slds-fade-in-open');
               j$('#backdrop').removeClass('slds-backdrop--open');
            });

            //Modal Open
            j$('#toggleBtn').click(function(){
              j$('#backdrop').addClass('slds-backdrop--open');
              j$('#modal').addClass('slds-fade-in-open');
            });

            //Modal Close
            function closeModal(){
              j$('#modal').removeClass('slds-fade-in-open');
              j$('#backdrop').removeClass('slds-backdrop--open');
            }
 </script>

   <div class="slds">
  <apex:form >
<button class="slds-button slds-button--brand" id="toggleBtn" onclick="ShowModal">Create New Sub-Goal</button>
<div id="myModal">       
 <div role="dialog" tabindex="-1" aria-labelledby="header43" class="slds-modal slds-fade-in-open">
  <div class="slds-modal__container">
    <div class="slds-modal__header">
      <button class="slds-button slds-modal__close slds-button--icon-inverse" title="Close">
        <svg class="slds-button__icon slds-button__icon--large" aria-hidden="true">
         <!-- <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use>-->
        </svg>
        <span class="slds-assistive-text">Close</span>
      </button>
      <h2 id="header43" class="slds-text-heading--medium">Modal Header</h2>
    </div>
    <div class="slds-modal__content slds-p-around--medium">
      <p>Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi. Mollit officia cillum Lorem ullamco minim nostrud elit officia tempor esse quis. Cillum sunt ad dolore
        quis aute consequat ipsum magna exercitation reprehenderit magna. Tempor cupidatat consequat elit dolor adipisicing.</p>
      <p>Dolor eiusmod sunt ex incididunt cillum quis nostrud velit duis sit officia. Lorem aliqua enim laboris do dolor eiusmod officia. Mollit incididunt nisi consectetur esse laborum eiusmod pariatur proident. Eiusmod et adipisicing culpa deserunt nostrud
        ad veniam nulla aute est. Labore esse esse cupidatat amet velit id elit consequat minim ullamco mollit enim excepteur ea.</p>
    </div>
    <div class="slds-modal__footer">
      <button class="slds-button slds-button--neutral" onclick="closeModal()">Cancel</button>
      <button class="slds-button slds-button--brand">Save</button>
    </div>
  </div>
</div>
<div class="slds-backdrop slds-backdrop--open"></div>
</div> 
</apex:form>       
   </div>
</apex:page>

.表格边框{页边距顶部：20px；}
.table border tr td{border:1px solid#d8dde6；}
.table border tr th{border:1px solid#d8dde6；}
.次级目标{左边距：50px；}
$（文档）.ready（函数（）{
j$（“#modal”）.removeClass（'slds-fade-in-open'）；
j$（'#background'）.removeClass（'slds-background--open'）；
});
//模态开放
j$（'#toggleBtn'）。单击（函数（）{
j$（'#background'）.addClass（'slds-background--open'）；
j$（'#modal'）.addClass（'slds-fade-in-open'）；
});
//模态闭合
函数closeModal（）{
j$（“#modal”）.removeClass（'slds-fade-in-open'）；
j$（'#background'）.removeClass（'slds-background--open'）；
}
创建新的子目标
接近
模态头
坐在一个最不值得练习的地方。诺斯特鲁德·乌拉姆科（Nostrud ullamco）在圣伊鲁尔尼西（sint-irure nisi）因酒后驾车而被逮捕。莫利特作坊（Mollit officia cilum Lorem ullamco Mini nostrud）是一家临时作坊。圣多洛尔教堂
根据《宪法》和《宪法》的规定，对《宪法》进行修改。临时看护人员应向精英致哀

多洛·埃乌斯莫德必须在正式场合出席会议。洛雷姆·阿利夸·埃尼姆·劳利斯·多洛·埃乌斯莫德·奥菲卡（Lorem aliqua enim laboris do dolor eiusmod officia）。所有这些都包括在劳动生产率方面。埃乌斯莫德和阿迪皮斯是罪魁祸首
没有任何理由。除ea外，其他劳动力必须满足最低消费要求

取消
拯救

我正在使用Lightning Design system的切换功能，该功能将切换我的div。因此，如果存在div，则会在按钮上显示弹出窗口，否则，当我的页面打开时，切换或模式将不会显示。此页面是一个visualforce页面

---

我使用的是Salsesforce的Lightning设计系统，请帮我解决这个问题。

您使用$初始化页面，但必须使用j$。因为您使用的是无冲突替换

==>$（文档）.ready（函数（）{ j$（“#modal”）.removeClass（'slds-fade-in-open'）； j$（'#background'）.removeClass（'slds-background--open'）； });

---

…jQuery是否已加载<代码>$未定义表示它没有定义。还有，你为什么要做

j$

？@SpencerWieczorek:Jquery没有提交。我使用j$没有冲突。