Notification "X" Function Stopped Working

Hi there, FM Design Community!

I have recently discovered a bug on my site to where it disallows my members and I to delete notifications via the "X" on the drop-down menu on the toolbar. This happened after I installed a customized JavaScript in order to place an element on all pages. I have tweaked the code several times to try and execute the JavaScript code different ways but to no avail had I fixed the bug. Any help or advice toward this would be greatly appreciated. Thank you!

Draxion wrote:Hi there, FM Design Community!

I have recently discovered a bug on my site to where it disallows my members and I to delete notifications via the "X" on the drop-down menu on the toolbar. This happened after I installed a customized JavaScript in order to place an element on all pages. I have tweaked the code several times to try and execute the JavaScript code different ways but to no avail had I fixed the bug. Any help or advice toward this would be greatly appreciated. Thank you!

@Ange Tuteur: http://help.forumotion.com/t148112-notifications-can-t-be-erased-anymore#1022992

Hi @Draxion,

The problem is that the code is loading in another jQuery library. jQuery is already installed on all forums, so installing the library again can cause conflicts. Try replacing your code with this :

Code:

$(function() {
  $('body').append('<div id="menu"><div id="bar"><span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Q<br />U<br />I<br />C<br />K<br /><br />N<br />A<br />V<br />I<br />G<br />A<br />T<br />O<br />R</span><button id="menu_button_show">|||</button></div><a rel="nofollow" href="http://www.draxionsgameden.com/t69-game-rules#1054">Game Rules</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t575-chatbox-rules#78584">Chatbox Rules </a><br><hr> Welcome<br><a rel="nofollow" href="http://www.draxionsgameden.com/f71-rules-and-guides">Rules & Guides</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f72-news-announcements">News & Announcements </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f73-faq-s">FAQs </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f74-help-support">Help & Support </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f76-dd-requests">D&D Requests </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f77-graphic-designer-s-section">Graphic Design </a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f78-free-chat">Free Chat </a><br><hr>Character Generation<br><a rel="nofollow" href="http://www.draxionsgameden.com/t83-character-generation-guide">Character Creation Guide</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t435-leveling-up-guide-2nd-level-and-higher#55665">Leveling Up Guide</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t84-classes">Classes</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t472-classes-requests">Classes (Requests)</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t85-races">Races</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t473-races-requests">Races (Requests)</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t94-feats">Feats</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t86-skills">Skills</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/t87-spells">Spells</a><br><hr> D&D Content Forums <br><a rel="nofollow" href="http://www.draxionsgameden.com/f14-player-s-forum">Players Forum</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f32-the-quest-logs">Quest Logs</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f16-spell-lists">Players Spell Lists</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f22-private-party-occ">Private Party Chat</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f53-affiliations">Affiliations</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f54-character-biographies">Character Biographies</a><br><a rel="nofollow" href="http://www.draxionsgameden.com/f65-dd-history">D&D History</a><button id="menu_button_hide">H<br />I<br />D<br />E</button></div>');

  $("#menu_button_show").click(function(){
    $("#menu").css({"left":"0","transition": "300ms", "-moz-transition": "300ms", "-o-transition": "300ms", "-htm-transition": "300ms", "-webkit-transition": "300ms", "top": "40px"});
  });

  $("#menu_button_hide").click(function() {
    $("#menu").removeAttr("style");
  });

  $('head').append('<style type="text/css">#menu,#menu a {font-family:Verdana,sans-serif;padding:5px;font-weight:700;}#menu,#menu #bar,#menu a,#menu a:hover {font-weight:700;}#menu{position:fixed;top:-200px;left:-212px;width:230px;height:600px;font-size:14px;color:#fff;border: 1px solid #000;border-radius:0px 15px 15px 0px;background:#000;transition:300ms;-moz-transition:300ms;-o-transition:300ms;-htm-transition:300ms;-webkit-transition:300ms;}/*#menu:hover {left:0;transition:500ms;}*/#menu a {font-size:12px;line-height:20px;color:#ebb000;font-style:normal;text-decoration:none;transition:300ms;-moz-transition:300ms;-o-transition:300ms;-htm-transition:300ms;-webkit-transition:300ms;}#menu a:hover {color:#ffffff;cursor:default;text-shadow:0px 0px 3px #ffffff;transition:300ms;-moz-transition:300ms;-o-transition:300ms;-htm-transition:300ms;-webkit-transition:300ms;}#menu #bar {position:absolute;top:0;right:0;width:25px;padding:2px;text-align:center;border-radius:0px 15px 15px 0px;height:607px;font-size:14px;background:#3d0600;}#menu hr {border:0;color:#000;height:1px;text-align:center;width:100%;background:#eee;}#menu_button_show {position:absolute;bottom:0;right:0;width:25px;padding:2px;text-align:center;border-radius:0px 0px 15px 0px;height:50px;font-size:14px;background:#3d0600;color:#fff;border:none;}#menu_button_hide {background:#3d0600;border:none;color:#fff;border-radius: 15px 0 0 0px;padding:5px;font-size:12px;height:120px;width:25px;position:absolute;bottom:0;right:29px;}</style>');
});

Okay so from now on don't add the '<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>' in future JavaScripts, right? Is that what you are saying?

EDIT: Anyway, it does make sense and understand now. That did solve the problem, thanks!

Yes, Forumotion already has jQuery installed, so there's no reason to add it again as it'll create conflicts with the existing library.