2017-03-02 27 views
0

ワードプレスで、別のプラグインのマップボタンが選択されているときに、javascript/jqueryを使用してプラグインのドロップダウン選択を変更しようとしています。プラグインのドロップダウン選択を変更する

あなたはこの

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

を地図上にクリックしてアクセスできるAPIの状態をプラグインの地図私は

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

は私が何をしたいだろうと信じています。

ここに、プルダウンを表示しているプラ​​グインのコードを示します。

<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> 

私はjavascriptについてほとんど知らない(基本的には何もない)ものを一緒に投げてみました。

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

は、私は、彼らが選択されているが、私は、私はちょうど私がそれを変えることができるかどうかを確認するために、テキストを変更しようとしたそうするために他に何を知らなかったとき、それを追加しますので、クラスを追加するために必要な考え出し。

私が追加しようとすると、最初の行の最後に「Unexpected token」が表示されます。

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

答えて

0

あなたの関数宣言function(blackriver, oval-5197) { ... }oval-5197のbecuase有効ではありません。 javascriptインタプリタは、-のため、渡した値を関数のパラメータにバインドできません。解決策は、あなたの意図に依存します。

あなたは単に関数の本体の中に、その操作を動かす5197を減算することによって渡されるのparamaterを強化したい場合:あなたの意図は、その後マイナス記号だけで変更して、変数に名前を付けた場合は

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

それは、アンダースコアまたはCAMALケースに:

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

または

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

感謝。はい、私はそれをoval_5197またはoval5197という名前にする必要がありました。なぜなら、形状IDは引き算ではなく楕円形5197であるからです。 –

関連する問題