jekyll에 / js /의 자바 스크립트를 포함하는 방법

Quimnuss

여기 에서 쿠키 동의 코드를 추가했습니다

그것은 가지고있다

<script>
...
if(readCookie('cookie-notice-dismissed')=='true') {
    {% include ga.js %}
    {% include chatbutton.js %}
}
...
</script>

html에서. 이것은 내부에 _includes있지만 /js/foo.js다른 디렉토리에있는 javascript와 같은 javascript를 포함하는 방법을 알 수 없습니다 . 나는 이것이 jekyll 자산 내 번 들러와 함께 번들이라고 생각합니다.

지금까지 다음과 같은 방식으로 레이아웃에 자바 스크립트를 추가했지만 {% include %}아직 사용 하지 않았 _includes/cookie_consent.html으며 여기에서 찾을 수있는 방법을 알지 못합니다.

<script src="/js/foo.js"></script>
<script>
    $(function(){
        new Foo(".js-foo");
    });
</script>
RobbeVP

이 문제를 해결할 수있는 두 가지 옵션이 있습니다.

  1. _includes원하는 추가 JS에 대한 링크를 포함 하는 파일을 만듭니다 . 예를 들면 :
# /_includes/bar.html
<script src="/js/foo.js"><\/script>

내부에 _cookie_consent.html다음을 추가 할 수 있습니다.{% include bar.html %}

  1. 링크를 신체에 직접 추가합니다.
if(readCookie('cookie-notice-dismissed')=='true') {
    const js = '<script src="/js/foo.js"></script>'
    document.body.appendChild(js)
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

다른 자바 스크립트 파일에 정의 된 정적 JS 함수를 호출하는 방법

분류에서Dev

내 자바 스크립트 번들에 ext-searchbox.js를 포함하는 방법

분류에서Dev

Grunt에 자바 스크립트 라이브러리를 포함하는 방법

분류에서Dev

자바 스크립트에서 일련의 숫자를 확인하는 방법

분류에서Dev

웹 사이트의 자바 스크립트를 Xamarin에 구현하는 방법

분류에서Dev

자바 스크립트의 함수 내에서 변수를 얻는 방법

분류에서Dev

자바 스크립트의 div에 텍스트와 함께 움직이는 요소를 추가하는 방법

분류에서Dev

자바 스크립트에서 바인딩 된 함수의 'this'매개 변수를 재정의하는 방법

분류에서Dev

JS : 자바 스크립트에서 음수를 추가하는 방법

분류에서Dev

node.js 서버에서 자바 스크립트를 실행하는 방법

분류에서Dev

Laravel : public / app.js에 정의 된 블레이드 구문으로 자바 스크립트 함수를 참조하는 방법

분류에서Dev

자바 스크립트에서 두 개의 객체를 반환하는 방법

분류에서Dev

자바 스크립트의 루프에서 인수를 전달하는 방법

분류에서Dev

변수를 사용하여 자바 스크립트 개체의 함수 속성에 액세스하는 방법

분류에서Dev

자바 스크립트에서 함수 내부에 함수를 정의하는 방법은 무엇입니까?

분류에서Dev

메서드를 포함하여 자바 스크립트에서 한 클래스의 속성을 다른 클래스로 복사하는 방법

분류에서Dev

자바 스크립트의에서는 setTimeout (C에서 () 함수하지 C ++를) 구현하는 방법

분류에서Dev

JavaScript의 스크립트 블록에 JS 함수를 추가하는 방법

분류에서Dev

자바 스크립트의 다른 함수 내에서 함수를 호출하는 방법

분류에서Dev

자바 스크립트의 주요 함수 내에서 함수를 호출하는 방법

분류에서Dev

다른 자바 스크립트 내에서 자신의 함수를 만들고 사용하는 방법

분류에서Dev

자바 스크립트의 특정 문자열에 함수를 추가하는 방법

분류에서Dev

자바 서블릿 파일 또는 스크립틀릿의 JSP 함수 출력에있는 자바 스크립트를 확인하는 방법

분류에서Dev

웹 사이트의 모든 페이지에 WP 플러그인의 자바 스크립트를 포함하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 함수 배열의 인덱스 번호를 호출하는 방법

분류에서Dev

일반 자바 스크립트에서 Kotlin / JS 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 정의 된 변수를 함수에서 사용하는 방법

분류에서Dev

자바 스크립트의 servlet (.slt)에서 json 객체를 얻는 방법

분류에서Dev

자바 스크립트의 셀에서 가치를 얻는 방법

Related 관련 기사

  1. 1

    다른 자바 스크립트 파일에 정의 된 정적 JS 함수를 호출하는 방법

  2. 2

    내 자바 스크립트 번들에 ext-searchbox.js를 포함하는 방법

  3. 3

    Grunt에 자바 스크립트 라이브러리를 포함하는 방법

  4. 4

    자바 스크립트에서 일련의 숫자를 확인하는 방법

  5. 5

    웹 사이트의 자바 스크립트를 Xamarin에 구현하는 방법

  6. 6

    자바 스크립트의 함수 내에서 변수를 얻는 방법

  7. 7

    자바 스크립트의 div에 텍스트와 함께 움직이는 요소를 추가하는 방법

  8. 8

    자바 스크립트에서 바인딩 된 함수의 'this'매개 변수를 재정의하는 방법

  9. 9

    JS : 자바 스크립트에서 음수를 추가하는 방법

  10. 10

    node.js 서버에서 자바 스크립트를 실행하는 방법

  11. 11

    Laravel : public / app.js에 정의 된 블레이드 구문으로 자바 스크립트 함수를 참조하는 방법

  12. 12

    자바 스크립트에서 두 개의 객체를 반환하는 방법

  13. 13

    자바 스크립트의 루프에서 인수를 전달하는 방법

  14. 14

    변수를 사용하여 자바 스크립트 개체의 함수 속성에 액세스하는 방법

  15. 15

    자바 스크립트에서 함수 내부에 함수를 정의하는 방법은 무엇입니까?

  16. 16

    메서드를 포함하여 자바 스크립트에서 한 클래스의 속성을 다른 클래스로 복사하는 방법

  17. 17

    자바 스크립트의에서는 setTimeout (C에서 () 함수하지 C ++를) 구현하는 방법

  18. 18

    JavaScript의 스크립트 블록에 JS 함수를 추가하는 방법

  19. 19

    자바 스크립트의 다른 함수 내에서 함수를 호출하는 방법

  20. 20

    자바 스크립트의 주요 함수 내에서 함수를 호출하는 방법

  21. 21

    다른 자바 스크립트 내에서 자신의 함수를 만들고 사용하는 방법

  22. 22

    자바 스크립트의 특정 문자열에 함수를 추가하는 방법

  23. 23

    자바 서블릿 파일 또는 스크립틀릿의 JSP 함수 출력에있는 자바 스크립트를 확인하는 방법

  24. 24

    웹 사이트의 모든 페이지에 WP 플러그인의 자바 스크립트를 포함하는 방법은 무엇입니까?

  25. 25

    자바 스크립트에서 함수 배열의 인덱스 번호를 호출하는 방법

  26. 26

    일반 자바 스크립트에서 Kotlin / JS 함수를 호출하는 방법은 무엇입니까?

  27. 27

    자바 스크립트에서 정의 된 변수를 함수에서 사용하는 방법

  28. 28

    자바 스크립트의 servlet (.slt)에서 json 객체를 얻는 방법

  29. 29

    자바 스크립트의 셀에서 가치를 얻는 방법

뜨겁다태그

보관