Posted in jquery
3
2:03 am, December 2, 2019

jquery add a click function if the window size is greater than target_width

this function will add a click event to the target if the window size is greater than the target_width

JS

function run_function() {
  var window_width = $( window ).width();
  var my_result = window_width;
  write_result(my_result);
  width_click_load(id = "#target_button", target_width = 800);
  return my_result;
}

// this is a common function just to write the content into the result div
function write_result(result) {
  var result_html = document.getElementById("result");
  result_html.innerHTML = result;
}

// only add a click function if the window size is greater than target_width
function width_click_load(id, target_width = 800) {
  var window_width = $( window ).width();
  if(window_width >= target_width) {
    $(id).click(function(){
        window.location=$(this).find('a').attr('href');
        return false;
    });
  }
}

HTML

<div id='result' class='mb-3 alert alert-primary'>..</div>
<button onclick='run_function();' class='btn btn-primary mb-1'>Window Width</button>
<button id='target_button' class='btn btn-primary mb-1'>
Target Button (this has no default link)
<a href='/view/code/rm6e4/'></a>
</button>

Working Result

..

View Statistics
This Week
14
This Month
83
This Year
0

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

❤👩‍💻🕹

Random Quote
Nothing, to my way of thinking, is a better proof of a well ordered mind than a man's ability to stop just where he is and pass some time in his own company.
Seneca