gpt4 book ai didi

javascript - Uncaught ReferenceError : Jquery is not defined in salesforce

转载 作者:行者123 更新时间:2023-11-27 23:48:38 27 4
gpt4 key购买 nike

我添加了两个 jquery,一个用于数据表,另一个用于范围 slider ,但我的范围 slider 未显示。它给了我这个错误

Uncaught ReferenceError: Jquery is not defined.

我的代码如下,它有两个范围 slider 。

<apex:page id="page" controller="AttachmentListWithFilterController" sidebar="false" readOnly="true">
<apex:includeScript value="{!URLFOR($Resource.jQuery, 'js/jquery-1.6.2.min.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.jQuery, 'js/jquery-ui-1.8.16.custom.min.js')}"/>
<apex:stylesheet value="{!URLFOR($Resource.jQuery, 'css/ui-lightness/jquery-ui-1.8.16.custom.css')}"/>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

<link href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css" rel="stylesheet"/>

<script type="text/javascript">

$(function () {
$("#example1").dataTable();
});

</script>






<apex:actionStatus id="actStatusId" >
<apex:facet name="start" >
<img src="/img/loading.gif" />
</apex:facet>
</apex:actionStatus>

<!-- <c:waitScreen >
<img src="/img/loading32.gif" />
<div style="font-size:150%;padding:5px">Please Wait....</div>
</c:waitScreen> -->

<script type="text/javascript">

//This will load as soon as the page is ready and will setup our slider
var str;
$(document).ready(function(){
var i=0,a=0;

str = document.getElementById('{!$Component.form.selectedF}').value;

var b=document.getElementById('{!$Component.page.form.pb.slidervalue.idInputHiddenMax}').value;

console.log('Value of b'+b);

$("#slider-range").slider({ //This line creates a slider on the DIV specified, options are passed arguments, comma separated below
range: true, //This give the slider and top and bottom
min: 0, //Min value for slider
max: b, //Max value for slider

values: ['{!sSliderFieldMin }','{!sSliderFieldMax }'], //Start values for the slider
slide: function(event, ui){ //This function executes every time slider is moved and applies the slider values to the inputHidden fields as well as the output below the slider
document.getElementById('{!$Component.page.form.pb.slidervalue.idInputHiddenMin}').value = ui.values[0];
document.getElementById('{!$Component.page.form.pb.slidervalue.idInputHiddenMax}').value = ui.values[1];
$("#amountValue").html( + ui.values[0] + 'KB - ' + ui.values[1] + 'KB');

//callfind();
//console.log(i++);
},
stop:function(event,ui){console.log(ui);callfind();}
});

$("#amountValue").html( + $("#slider-range").slider("values", 0) + 'KB - ' + $("#slider-range").slider("values", 1) + 'KB');
});

function checkMethod(){

var i=0;
str = document.getElementById('{!$Component.form.selectedF}').value;
var b=document.getElementById('{!$Component.page.form.pb.slidervalue.idInputHiddenMax}').value;

console.log('Value of b'+b);

$("#slider-range").slider({ //This line creates a slider on the DIV specified, options are passed arguments, comma separated below
range: true, //This give the slider and top and bottom
min: 0, //Min value for slider
max: b, //Max value for slider

values: ['{!sSliderFieldMin }',b], //Start values for the slider
slide: function(event, ui){ //This function executes every time slider is moved and applies the slider values to the inputHidden fields as well as the output below the slider
document.getElementById('{!$Component.page.form.pb.slidervalue.idInputHiddenMin}').value = ui.values[0];
document.getElementById('{!$Component.page.form.pb.slidervalue.idInputHiddenMax}').value = ui.values[1];

$("#amountValue").html( + ui.values[0] + 'KB - ' + ui.values[1] + 'KB');


//callfind();
//console.log(i++);
},
stop:function(event,ui){console.log(ui);callfind();}
});

$("#amountValue").html( + $("#slider-range").slider("values", 0) + 'KB - ' + $("#slider-range").slider("values", 1) + 'KB');
}
</script>

<script type="text/javascript">
function selectAllCheckboxes(obj,receivedInputID){
var inputCheckBox = document.getElementsByTagName("input");
for(var i=0; i<inputCheckBox.length; i++){
if(inputCheckBox[i].id.indexOf(receivedInputID)!=-1){
inputCheckBox[i].checked = obj.checked;
}
}
}
function selectThis(ele,id){
if(ele.checked)
str+=id;
else
str = str.replace(id,'');
document.getElementById('{!$Component.form.selectedF}').value = str;
}


</script>



<apex:pageMessages ></apex:pageMessages>

<apex:Form id="form">
<apex:inputhidden id="selectedF" value="{!selectedFiles}"/>
<apex:actionFunction name="callfind" action="{!searchByRange}" reRender="PGTable" status="actStatusId" />
<apex:pageBlock id="pb" >
<apex:pageblockSection title="Select Type" collapsible="false">
<apex:selectRadio value="{!Selected}">
<apex:actionSupport event="onchange" action="{!TakeOther}" reRender="PGTable,pblock,showOwner,showslider,slidervalue" onComplete="checkMethod();"/>
<apex:selectoptions value="{!radioValues}" />
</apex:selectRadio>
</apex:pageBlockSection>


<apex:pageBlockSection title="Filter" collapsible="true" columns="2" id="pblock">
<apex:panelGrid columns="3" id="showOwner">

<apex:outputLabel value="Owner" rendered="{!renderName4}"/>

<apex:inputField value="{!attachmentToUser.OwnerId}" rendered="{!renderName1}" id="AttachmentID" required="false"/>
<apex:inputField value="{!cv.OwnerID}" rendered="{!renderName2}" id="FileID" required="false"/>
<apex:inputField value="{!documentToUser.AuthorId}" rendered="{!renderName3}" id="DocumentID" required="false"/>
<apex:commandButton action="{!searchByOwner}" value="Submit" reRender="DemoRepeat" rendered="{!ShowSumbit}"/>

</apex:panelGrid>

<apex:pageBlockSectionItem id="showslider" >

<div id="slider-range" style="font-size: 90%; margin-top: 0.5em;width:100%"></div>
<div id="amountValue" style="text-align: center"></div>
<apex:actionFunction action="{!searchByRange}" name="myFunction" reRender="PGTable"/>

</apex:pageBlockSectionItem>

</apex:pageBlockSection>

<apex:pageBlockSection columns="1" id="slidervalue">

<apex:inputhidden value="{!sSliderFieldMin}" id="idInputHiddenMin"/>
<apex:inputhidden value="{!sSliderFieldMax}" id="idInputHiddenMax"/>
</apex:pageBlockSection>


<center> <apex:commandButton value="Delete Selected" reRender="PGTable" action="{!deleteSelected}" rendered="{!ShowDelete}"/></center>



<table id="example1" class="table table-bordered table-striped">

<thead>
<tr>
<th>Name</th>
<th>BodyLength</th>
<th>Created Date</th>
<th>Owner Name</th>
</tr>
</thead>

<tbody>
<apex:repeat value="{!listofRecords}" id="DemoRepeat" var="a">
<tr>
<td> <apex:outputText value="{!a.Name}"/></td>
<td> <apex:outputText value="{!a.size}"/></td>
<td> <apex:outputText value="{!a.Mydate}"/></td>
<td> <apex:outputText value="{!a.OwnerName}"/></td>
</tr>
</apex:repeat>
</tbody>

</table>
<center> <apex:commandButton value="Delete Selected" reRender="PGTable" action="{!deleteSelected}" rendered="{!ShowDelete}"/></center>
</apex:pageBlock>
</apex:Form>

最佳答案

您将需要使用 jQuery.noConflict(); 在 Visualforce 中访问 jQuery。

Salesforce 已使用其他利用 $ 全局变量的库。

请参阅使用 Developing Apps with jQuery - jQuery's No Conflict Mode with Visualforce

关于javascript - Uncaught ReferenceError : Jquery is not defined in salesforce,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32921067/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com