title: Disable href link when containing #, but enable all others
body: <p>So this mostly works, however, the only URL that works is what is specified as "Blog." All the anchor references with # are smooth scrolling on click but all my external links on my page aren't doing anything. </p>
  
  <p>Can I write the prevent default in a way that only includes the href links with "#" in them? I have image links, etc throughout my page and want a simple method to manage it rather than pointing each url out.</p>
  
  <pre><code>&lt;ul class="snip1143"&gt;
  &lt;li class&gt;&lt;a href="#home1" data-hover="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#about1" data-hover="About"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#experience1" data-hover="Work"&gt;Work&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="URL HERE" data-hover="Blog"&gt;Blog&lt;/a&gt;   &lt;/li
  &lt;li&gt;&lt;a href="#contact1" data-hover="Contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  
  &lt;script&gt;
  
   $(document).on('click', 'a', function(event) {
    if($(this).data('hover') !== "Blog"){
    event.preventDefault();
  
  
    $('html, body').animate({
    scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
    });
  
  &lt;/script&gt;
  </code></pre>