Ändern Sie die Dropdown-Auswahl eines Plugins

Question

In Wordpress und ich versuche, Javascript/jquery zu verwenden, um die Dropdown-Auswahl eines Plugins zu ändern, wenn die Map-Schaltfläche eines anderen Plugins ausgewählt ist.

Die Karte Plugin Zustände im api, dass Sie den Klick auf Karten mit diesem Zugriff

$.imageMapProEventOpenedTooltip = function(imageMapName, shapeID) {} 

Ich glaube

$.imageMapProEventClickedShape = function(blackriver, oval-5197) { 

wäre, was ich will.

Hier ist der Code für das Plugin, das das Dropdown anzeigt.

<div id="DOPSelect-DOPBSPCalendar-form-field2_8" class="DOPSelect dopselect-single "> 
    <input type="hidden" id="DOPBSPCalendar-form-field2_8" name="DOPBSPCalendar-form-field2_8" value="1"> 
    <div class="dopselect-select"> 
<div class="dopselect-selection">A</div> 
    <div class="dopselect-icon">▾</div> 
    </div> 
    <ul style="display: none;"> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-1" title="A" class="dopselect-selected">A</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-2" title="B" class="">B</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-3" title="C" class="">C</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-4" title="D" class="">D</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-5" title="E" class="">E</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-6" title="F" class="">F</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-7" title="G" class="">G</li> 
    <li id="DOPSelect-DOPBSPCalendar-form-field2_8-8" title="H" class="">H</li> 
    </ul> 
</div> 

Ich habe versucht, Sachen zusammen zu werfen mit dem, was ich weiß (im Grunde nichts) über Javascript.

$.imageMapProEventClickedShape = function(blackriver, oval-5197) { 
    $('#DOPSelect-DOPBSPCalendar-form-field2_8-2').addClass("dopselect-selected"); 
    $('.dopselect-selection').text("B"); 
} 

Ich dachte, ich die Klasse hinzuzufügen benötigt, da es sie hinzufügt, wenn sie ausgewählt werden, aber ich weiß nicht, was ich sonst noch versucht, dies zu tun, nur um den Text zu ändern, um zu sehen, ob ich es ändern könnte.

Wenn ich versuchte, es hinzuzufügen, bekomme ich "Unexpected Token" am Ende der ersten Zeile.

$.imageMapProEventClickedShape = function(blackriver, oval-5197) { 

Answer 1

Ihre Funktionsdeklaration function(blackriver, oval-5197) { ... } ist deswegen, oval-5197 nicht gültig. Der JavaScript-Interpreter kann den übergebenen Wert nicht an die Funktion parameter binden, da die -. Die Lösung hängt von Ihrer Absicht ab.

Wenn Sie die Parameter um zu erweitern, dass der durch einfache Subtraktion 5197 übergeben wird, dass der Betrieb in den Funktionskörper bewegen:

$.imageMapProEventClickedShape = function(blackriver, oval) { 
    oval = oval - 5197; 
    ... 
} 

Wenn Ihre Absicht, die Variable mit einem Minuszeichen zu nennen war dann einfach ändern es zu unterstreichen oder camal Fall:

$.imageMapProEventClickedShape = function(blackriver, oval_5197) { ... } 

oder

$.imageMapProEventClickedShape = function(blackriver, oval5197) { ... }