[SalesForce] Javascript action function not working after Summer 14 release

I have a VF page with a command button. It calls a javascript function, and then an actionFunction to call a method in the apex class. Everything was working fine until summer'14 release. Now, when I click on that button, nothing happens (no page load, no method called, nothing captured in debug logs).

Does any have the same issue? or What could be wrong here? (This code was working before)

Here's the code for your reference. (I am refering Assign Button). The corresponding apex method is there in the class, but not being called.

VF Page

<apex:page standardController="Match__c" extensions="AyusaAssignValidatorController" id="AyusaAssignValidator" action="{!FetchValidators}">
<div class="wrapper">
<script>   
 function getSelectedContact()
        {
           var $radio = $('input[name=group1]:checked');
            var updateDay = $radio.val();
            var selected = $radio.attr('id');

            afAssign(selected);
        }
</script>
    <!-- Form -->

    <apex:form >

        <apex:pageBlock >
            <apex:pageMessages id="validationMsg" />
           <apex:pageBlockSection columns="1" title="Choose Validator" collapsible="false" id="pbs">
                <apex:actionStatus startText="Please Wait....." startStyle="font-weight: bold;color: green;" id="loadingMsg"/>

                <apex:pageBlockTable value="{!lstGeoMatchWrapper}" var="item" rendered="{!IF(lstGeoMatchWrapper.Size > 0, true, false)}">
                <!-- columns -->
                </apex:pageBlockTable>

             </apex:pageBlockSection>
        </apex:pageBlock>

        **<apex:commandButton onclick="getSelectedContact();"  value="Assign" id="btn3"  onComplete="Window.close();">
        </apex:commandButton>**
        <apex:commandButton id="cancel" value="{!$Label.site.cancel}" action="{!Cancel}" immediate="true"/>

        **<apex:actionFunction name="afAssign" action="{!Assign}" rerender="pbs">
            <apex:param name="selected" value="" assignTo="{!selected}"/>

        </apex:actionFunction>**
    </apex:form>
</div>
</apex:page>

Best Answer

This is how you would make sure you are using jQuery (in this case taken from a CDN location):

<apex:includeScript value="https://code.jquery.com/jquery-1.11.0.min.js"/>
<script>
var j$ = jQuery.noConflict();
function getSelectedContact() {
    var $radio = j$('input[name=group1]:checked');
    var selected = $radio.attr('id');
    afAssign(selected);
}
</script>

Including the jquery script redefines $ to be a reference to jQuery. The jQuery.noConflict() restores the preceding definition of $ and so makes sure any other code in the page (such as standard Salesforce code) gets the value of $ that it expects. The the code that wants to use jQuery uses j$.

Related Topic