Использование специальных символов и идентификаторов jQuery UI selectmenu

Question

при использовании специальных характеристик, таких как. или/в id для jQuery UI selectmenu. Я получаю синтаксические ошибки JS при нажатии на одну из опций в открытом меню. Я знаю, что в jQuery мне нужно было бы избежать специальных символов, но этот код кажется глубоко внутри самой библиотеки. Не уверен, что я что-то пропустил, прежде чем сообщить об ошибке, поэтому хотел бы получить подсказки!

Я использую jQueryUI версии 1.11.1 с JQuery 1.11.1, но попробовал другие варианты, начиная с 1.10 в this fiddle

<select name=".speed/" id=".speed/" class="sm"> 
    <option>Slower</option> 
    <option>Slow</option> 
    <option selected="selected">Medium</option> 
    <option>Fast</option> 
    <option>Faster</option> 
</select> 

сообщение об ошибке, (в хромированной консоли) является:

Uncaught Error: Syntax error, unrecognized expression: .ui-selectmenu-menu, #.speed/-button 
jquery-1.10.1.js:1924 

TIA

Answer 1

Вы можете использовать атрибут name или document.getElementById(), чтобы получить идентификатор, который нельзя использовать в качестве селектора jQuery:

var elt = $(document.getElementById(".speed/")); 
var elt = $("[name='.speed/']"); 

Если ошибки порождены самой библиотекой, это не поможет. Однако вы можете попробовать заменить недопустимые символы в ИО с этим в качестве обходного пути:

elt.attr("id", elt.attr("id").replace(".", "dot").replace("/", "slash")); 
// ... possibly include other characters we don't like 

Правильный способ, конечно, будет использовать идентификатор-s без точек и косой черты. Это довольно неряшливый способ обойти его, но он будет работать. Следует использовать с осторожностью!