The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript How to keep an elemet’s event to itself

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #41433

    Hello World! Long time lurker, first time poster. Before the question, just wanted to say thanks for this website and the snippets; have been a huge help. Do miss the frog though post redo (think it was a frog?).

    Just as a disclaimer, I am not a real web designed by any means, so don’t assume that I have done the equivalent of turning on the power button.

    I am trying to implement the [Styled Popup Menu]( “Styled Popup Menu”) on a wordpress site. The function has it’s own .js file that I call through wp_enqueue in my functions.php file.

    When I just have one of these on a page, it works like a charm (using to display links to all post categories). When I add a second implementation on the same page (to show all tags), both implementations display the list of tag links.

    Is there a way to implement this function on multiple elements on the same page with the same class names so that each implementation will show their own specific lists, or will I need to have a separate function written/wp_enqueue’d/etc… for unique class names for all elements?

    Unfortunately I am designing the site on local host so I cannot link to show it, but my code of the functions and html are below. Any advice would be greatly appreciated.

    styleddropdown.js ($ replaced by jQuery)

    jQuery.fn.styleddropdown = function(){
    return this.each(function(){
    obj = jQuery(this)
    obj.find(‘.field’).click(function() { //onclick event, ‘list’ fadein

    jQuery(document).keyup(function(event) { //keypress event, fadeout on ‘escape’
    if(event.keyCode == 27) {

    obj.find(‘.list’).hover(function(){ },

    obj.find(‘.list li’).click(function() { //onclick event, change field value with selected ‘list’ item and fadeout ‘list’


    HTML/php in my page.php file

      $html = ‘

    • ‘;
      foreach ($tags as $tag) {
      $tag_link = get_tag_link($tag->term_id);
      $html .= “Tag: slug}’>”;
      $html .= “{$tag->name}
    • “;
      echo $html

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.