Jquery가 검색 양식의 공백을 #

으로 바꿉니다. 왜 누군가가 이것이 작동하지 않는지에 대해 조언 할 수 있는지 궁금합니다.Jquery가 검색 양식의 공백을 #

사용자가 검색 양식에 SPACE를 입력하면 해당 항목이 #로 바뀝니다. 검색 창에 "Red Boots size 9"를 입력하면 (# Doesntnt는 (으)로 보내집니다. 데이터베이스, 그것의 단지 쇼) # 레드 # 부츠 # 크기 # 9

 $("#s").keyup(function() { 
 
      var textValue = $(this).val(); 
 
      textValue =textValue.replace(/ /g,"#"); 
 
      $(this).val(textValue); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <form role="search" method="get" id="searchform" class="searchform" action="http://tag2.testsiteonline.co.uk/"> 
 
     <label class="screen-reader-text" for="s">Search for:</label> 
 
     <input type="text" value="" name="s" id="s" /> 
 
     <input type="submit" id="searchsubmit" value="Search" /> 
 
    </form>

헤드 코드 내 searchjs에 또한

<head> 
    <meta charset="<?php bloginfo('charset'); ?>" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
<!-- Magnific Popup core CSS file --> 
<link rel="stylesheet" href="magnific-popup/magnific-popup.css"> 
<link rel="stylesheet" href="/fonts/styles.css"> 

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="http://tag2.testsiteonline.co.uk/searchjs.js"></script> 
<!-- Magnific Popup core JS file --> 
<script src="magnific-popup/jquery.magnific-popup.js"></script> 
    <link rel="profile" href="http://gmpg.org/xfn/11" /> 
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 

    <?php wp_head(); ?> 
</head>

. js - 내가 가진 전부 야? 이 전후에해야 할 일이 있습니까?

$("#s").keyup(function() { 
     var textValue = $(this).val(); 
     textValue =textValue.replace(/ /g,"#"); 
     $(this).val(textValue); 
    });

출처

2017-11-02 Chazlie

나를 위해 잘 작동합니다. HTML에 jQuery를 포함하고 있습니까? – Snowmonkey

searchjs.js라는 페이지를 만들었습니다. 그런 다음 이걸 가지고 있습니다. Jquery를 차단할 수 있습니까? – Chazlie

그게 효과가 있다면 나는 또한 WordPress의 사이트를 사용하고 있습니까? – Chazlie

코드는 여기에, 잘 작동 방지를위한 jsfiddle : 당신은 가능한 중단을 확인하기 위해 JS 파일을로드하고 http://jsfiddle.net/zez7w74d/

후 당신의 <head> 내용.

편집 :이처럼 jQuery 코드를 https://premium.wpmudev.org/blog/adding-jquery-scripts-wordpress/

을 그리고 전화 : 워드 프레스 jQuery를 함께 제공하기 때문에 자신의 dev에 페이지에 따르면, 워드 프레스에서 모든 수동으로로드 jQuery를 제거

jQuery("#s").keyup(function() { 
     var textValue = $(this).val(); 
     textValue =textValue.replace(/ /g,"#"); 
     $(this).val(textValue); 
});

출처

2017-11-02 20:36:51 gitterio

감사합니다. 헤드 코드를 맨 위 게시물에 추가했습니다. – Chazlie

당신은 jQuery를 두 가지 버전의 '<스크립트 SRC = "// ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">' 그리고 을'로드하는 <스크립트 src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">' 첫 번째 것을 제거해보십시오. – gitterio

제거됨 .. 아직 아무것도 없습니다. 나는 심지어 그것이 도움이되는지보기 위해 wordpress page 템플릿을 만드는 페이지에 폼을 놓는다. 아직 아무것도 없음 http://tag2.testsiteonline.co.uk/24456-2/ – Chazlie

답변

관련 문제