2016-12-14 12 views
1

halte ich in firebugs Fehler von unzulässiges Zeichen empfangenjquery Syntaxfehler unzulässiges Zeichen

$('#service_chk').click(function() { 
    var $this = $(this); 
    if ($this.is(':checked')) { 
     $('#service').css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'block');​​​​​​ 
    } else { 
     $('#service').css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'none');​​​​​​ 
    } 
}); 

Fehler zeigt "Koma" in $ ('# Service') halten. Css ('display' , 'Block');

und das ist meiner Meinung nach

<tr> 
    <td><input type="checkbox" id="service_chk"></td> 
    <td style="text-align:center;"><input type="text" class="form-control" id="service" style="display:none;"></td> 
</tr> 

Im auf dem weg lernen javascript, bitte hilf mir, danke.

+0

Code scheint ich ohne. Versuchen Sie stattdessen, show/hide zu verwenden. –

+0

kein Fehler in meiner Konsole. – Mahi

+3

Das sind einige "versteckte" Zeichen in Ihrem JavaScript-Code. kopiere javascripy in den Editor und entferne diese Zeichen! – lordkain

Antwort

4

Ausgabe ist wegen der Codierung in Ihrem Texteditor oder der IDE, die Sie verwenden. Kopieren Sie Ihr Skript in jsfiddle und Sie werden die Fehler sehen. enter image description here

HTML

 <tr> 
     <td> 
      <input type="checkbox" id="service_chk"> 
     </td> 
     <td style="text-align:center;"> 
      <input type="text" class="form-control" id="service" style="display:none;"> 
     </td> 
    </tr> 

-Link: http://jsfiddle.net/GCu2D/1655/

+0

Wie ist es hier auf dieser Website nicht sichtbar? – Mahi

+1

@Mahi Vielleicht wegen der Strippen der Zeichen beim Posten einer Frage. –

+0

Warum kann er dann nicht in seinem eigenen Editor sehen? Alien kam zu unserem Planeten? – Mahi

0

Sie haben eine Reihe von unsichtbaren Leerzeichen (null Breite Leerzeichen) in Ihrem Code.

unten ist die feste Version des Codes:

$('#service_chk').click(function() { 
 
    var $this = $(this); 
 
    if ($this.is(':checked')) { 
 
     $('#service').css('display','block'); 
 
    } else { 
 
     $('#service').css('display','none'); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tr> 
 
    <td><input type="checkbox" id="service_chk"></td> 
 
    <td style="text-align:center;"><input type="text" class="form-control" id="service" style="display:none;"></td> 
 
</tr>

0

Hier ist der Code

$('#service_chk').click(function() { 
    var $this = $(this); 
    if ($this.is(':checked')) { 
    $('#service').css(
    {'display': 'block'}); 
    } else { 
    $('#service').css({'display': 'none'}); 
    } 
}); 

Und bitte einmal Ihren Code in Notepad öffnen zu entfernen, wenn alle Leerzeichen

Verwandte Themen