Question

在wordpress中，当我选择另一个插件的地图按钮时，我正在尝试使用javascript / jquery来更改插件的下拉选项。

地图插件在api中声明您可以使用此

访问地图上的点击

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

我相信

$.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");
 }

我想我需要添加该类，因为它在选中时添加了它但我不知道还有什么要做，所以我只是尝试更改文本以查看是否可以更改它。

当我尝试添加它时，我在第一行的末尾得到“意外的令牌”。

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

Answer 1

由于function(blackriver, oval-5197) { ... }，您的函数声明oval-5197无效。 javascript解释器无法绑定您传递给函数参数的值，因为-。解决方案取决于您的意图。

如果你想通过减去5197来增加传入的参数，只需将该操作移动到函数体中：

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

如果你打算用减号命名变量，那么只需将其改为下划线或camal case：

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

或

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

更改插件的下拉选项

1 个答案: