구글 크롬은 JS와 CSS는

Question

이 JS 문제에 먼저 웹 사이트 http://okcpirot.rs/prijava의 주소입니다 발행 :

JS가 크롬을 제외한 모든 브라우저에서 작동하고, 나는 단서 이유가 없습니다. 여기에 오류가 발생합니다 :

Uncaught TypeError: Object [object Object] has no method 'on prijava:142' 

두 번째 문제는 CSS와 관련이 있습니다. 오른쪽 상단의 화살표가 앞에 있어야합니다 (로그인 영역을 열고 닫는 데 사용됩니다). Chrome을 제외한 모든 브라우저의 경우입니다. 다시 한번 나는 단서가 없다. 이 부분에 대한

CSS 코드 :

#top_area {background: rgba(0,0,0,.8); padding: 10px 0; position: fixed;width: 100%; top:0; z-index: 1000} 
#login{float: right;} 
#login {margin-right: 40px} 
#login label {color:#F2F2F2;display: block; float: left; margin: 0 10px} 
#login input {float: left; border: none;border-top: 1px solid #555; border-bottom: 1px solid #333; padding: 2px 5px;} 
#login input:focus, .lozinka input {box-shadow: inset 0px 0px 2px rgba(0,0,0,.4)} 
#login input[type=submit] {margin-left: 10px; } 
#login input[type=submit]:hover, .lozinka input[type=submit]:hover {box-shadow: inset 0px 0px 3px rgba(0,0,0,.5)} 
.kreiraj_nalog{width: 16px;height: 16px;float: left;background: url(../img/resursi/kreiraj_novi_nalog.png) no-repeat;padding-right: 5px;} 
.zaboravljena_lozinka{width: 16px;height: 16px;float: left;background: url(../img/resursi/zaboravljena_lozinka.png) no-repeat;padding-right: 5px;} 
.top_area_links {float: right;clear: both;color:#F2F2F2 !important;padding-top: 5px; } 
.top_area_links a {float: right; color:#F2F2F2 !important; margin-right: 5px;} 

.korisnik{float: right;margin-right: 40px;padding: 11px;} 
.korisnik p, .korisnik a {float: left;clear: none; color: #f2f2f2; margin: 0 5px;} 
.korisnik a:hover {color: #f2f2f2;text-decoration: underline;} 


.top_area_maska {position: fixed;width: 100%; top:0;} 
.zatvori_top{float: right;width: 32px;height: 32px;background: url(../img/resursi/zatvori_otvori_top.png) no-repeat;display: inline-block;margin-top: 5px;position: relative;z-index: 100000;} 
.zatvori_top:hover{background: url(../img/resursi/zatvori_otvori_top.png) -32px 0 no-repeat;cursor: pointer;} 
.otvori_top{background-position: 0px -32px } 
.otvori_top:hover{background-position: -32px -32px } 
.top_area_links a:hover {text-decoration: underline;} 

HTML 부분 :

<div class="top_area_maska clearfix"> 
    <div class="container_12 clearfix"> 
     <div class="zatvori_top <?php if($this->session->userdata('toggle_top') == TRUE) echo 'otvori_top'?>"></div> 
    </div> 
</div> 
<div id="top_area" class="clearfix" <?php if($this->session->userdata('toggle_top') == TRUE) echo 'style="display: none"'?>> 
    <div class="container_12"> 
     <?php 
      if($this->session->userdata('is_logged_in') == FALSE) : 
      $attributes = array('id' => 'login', 'class' => 'clearfix'); 
      $hidden = array('current_page' => current_url()); 
      echo form_open('korisnik/validacija', $attributes, $hidden); 
     ?> 
     <label for="email">Email</label> 
     <input type="email" name="email" id="email" placeholder="Email" autocomplete='off' /> 
     <label for="pass">Lozinka</label> 
     <input type="password" name="pass" id="pass" placeholder="Lozinka" autocomplete='off' /> 
     <input role=prijava type="submit" name="submit" value="Prijavi Se"> 
     <div class="top_area_links clearfix"> 
      <a class=""href="<?php echo base_url('prijava') ?>" role=nalog><span class="kreiraj_nalog"></span>Kreiraj Nalog</a> 
      <a href="<?php echo base_url('prijava') ?>" role=lozinka><span class="zaboravljena_lozinka"></span> Zaboravljena Lozinka | </a> 
     </div> 
     <?php echo form_close(); 
      else : 
      ?> 
     <div class="korisnik"> 
      <p><?php echo $this->session->userdata('full_name') ?> | </p> 
      <a href="<?php echo base_url() ?>korisnik/nalog/<?php echo str_replace(' ', '_', $this->session->userdata('full_name')) ?>/<?php echo $this->session->userdata('id_user') ?>">Moj Nalog | </a> 
      <a href="<?php echo base_url() ?>korisnik/odjava">Odjavi se</a> 
     </div> 
     <?php endif; ?> 
    </div> 
</div> 

여기에 직장이나 크롬이 미쳐가는 검은 마법의 일종인가?

Answer 1

Chrome에서 변수 이름이 name 인 것은 실제로 "[object Object]"가 포함 된 문자열입니다. .find ("# ime")로 설정되기 전에 이미이 값이 있습니다. 그것은 글로벌 범위 지정 문제로 보인다. 변수의 이름을 덜 일반적으로 변경하는 것이 좋습니다.