Экранирование символов в элементе JQuery ID в пользовательском интерфейсе

Question

Я пытаюсь использовать автозаполнение JQuery с идентификатором с ":" в названии этой ссылки, вы можете найти мою проблему: JSfiddleShortLink

фрагмент кода:

   $(function() {
    $( "#sc\\:combobox" ).sc:combobox();
    $( "#toggle" ).click(function() {
        $( "#sc\\:combobox" ).toggle();
    });
});

Я не уверен, что после $( "#sc\\:combobox" ). я должен снова экранировать ":", и это также верно в функции JQuery в верхней части ссылки

(function( $ ) {
    $.widget( "ui.sc:combobox", {
        _create: function() {etc

Не могли бы вы дать мне несколько советов?Я застрялЯ бы предпочел не использовать функцию замены, если это возможно.Просто нужно выяснить, куда бежать, а где нет.PS Если я заменю код "sc: combobox" на "combobox", выбор будет работать отлично, как здесь: JSFiddleWorking

спасибо, ребята!A.

Answer 1

Один обратный слеш должен сделать трюк

$( "#sc\:combobox" )