How to solve Jquery on click inside or outside the div element ? Just copy the codes below to your script.
$( document ).click( function( e ){
var mde = $( '.my-div-element' );
if( ! mde.is( e.target ) && mde.has( e.target ).length === 0 && mde.length ){
// I'm clicking outside of my div element
}else{
// I'm clicking inside of my div element
}
});
<ul> <li>AAA</li> <li>AAA</li> <li>AAA</li> <li>AAA</li> </ul> var ul_width = 0; jQuery( ‘ul li’ ).each(function(index, element) { ul_width += jQuery( this ).innerWidth; }); jQuery( ‘ul’ ).css(‘width’, jQuery( this ).width(ul_width) });
How to add @mention in Buddypress single media page (or rtMedia single page)? Copy the codes below to your functions.php add_filter( ‘bp_get_activity_content’, ‘filter_bp_get_activity_content’, 10, 1 ); function filter_bp_get_activity_content( $content ) { global $bp, $wpdb; $mention_link = ”; $mention_dummy = ”; $at_all = array(); $at_mention = ”; $at_space = ”; $at_text = ”; $mention_dummy = $content;…
Uncaught TypeError: grecaptcha.render is not a function console error is showing if the recaptcha api.js is not enqueue or the `grecaptcha.render` is fire before the recaptcha api.js is being enqueue. See the JS library link below. https://www.google.com/recaptcha/api.js?hl=en&render=explicit I’m having this error when I use the Gravity Form captcha field. As I explained above, that is…
How to fix the “Google Maps API error: MissingKeyMapError” using WPBakery Visual Composer WordPress plugin? Are having trouble fixing this error on your end? This error is visible in your console developer tools. Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error To fix the issue, first you have to look the script handler that is registered for…
How to disable zoom in/zoom out on google map iframe tag? Just use style=”pointer-events:none” inline CSS. see example below. <iframe style="pointer-events:none" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1804.199470732143!2d55.32552972069876!3d25.25716190966307!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x5fea75ca1d9225ff!2sEmirates+Islamic+Bank!5e0!3m2!1sen!2sph!4v1463111255665" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> Output:
How to check radio button if checked or not? if( $("input#myradio-id").is(":checked") ){ // IF CHECKED CODES }else{ // IF NOT CHECKED CODES } Navigation menu on-click prevent default if menu item has children and fires only on second click // OPTION 1 // JQUERY $( ‘.menu-item-has-children a’ ).click( function(e){ $( this ).parent().toggleClass( ‘active-li’ ); if(…