안녕하세요. 제가 현재 PHP코드와 HTML코드를 함께 작성중인데요. 기존에 제가 작성 중인 코드는 다음과 같습니다. (첫번째 코드라 칭하겠습니다.) [code] [/code] 문제없이 잘 사용중이었다가 jquery Timepicker를 이용하게 되어서 찾아보니 내부에 아래의 코드를 추가하라고 했습니다. (두번째 코드라 칭하겠습니다.) [code] [/code] https://wonpaper.tistory.com/179 제가 이 페이지를 보면...

이전 목록 다음

채택완료

<head> 내부 <script><link> 중복

dhdl52

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-04-20 (수) 14:34:43 2,532

안녕하세요. 제가 현재 PHP코드와 HTML코드를 함께 작성중인데요.

기존에 제가 작성 중인 코드는 다음과 같습니다. (첫번째 코드라 칭하겠습니다.)

Copy

<head>

    <title></title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

문제없이 잘 사용중이었다가 jquery Timepicker를 이용하게 되어서 찾아보니 <head> 내부에 아래의 코드를 추가하라고 했습니다. (두번째 코드라 칭하겠습니다.)

Copy

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

</head>

https://wonpaper.tistory.com/179

제가 이 페이지를 보면서 jquery Timepicker를 사용중인데 head안에 첫번째 코드와 두번째 코드를 함께 적어주면 F12 눌렀을 때 아래 이미지와 같은 오류가 뜹니다.

1935365004_1650432956.9671.png

그래서 head 안에 첫번째 코드(bootstrap)을 없애고 두번째 코드만 적어주면 jquery Timepicker는 잘 되는데 부트스트랩이 안됩니다.

그래서

Copy

<head>

    <title></title>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

/ajax.googleapis.com/ajax 이 중복되는 것 같아서 3.4.1 버전으로 한개만 적고, 나머지 합쳐주니

1935365004_1650433351.8535.png

이런 오류가 뜨길래, 이번엔 2.2.0 버전으로 한개만 적고 나머지 합쳐주니 timepicker 인식을 못합니다..

1935365004_1650433395.3963.png

혹시 방법이 있을까요?

php head script

답변 2개 / 댓글 4개

채택된 답변

+20 포인트

냠냠이

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-04-21 (목) 10:36:40

이렇게 넣어도 이상 없는데요?

부트스트랩도 잘되고 timepicker도 잘되고요

답변에 대한 댓글 1개

dhdl52

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-04-21 (목) 10:46:37

헉 저는 말씀하신대로 해도 마지막 사진처럼 timepicker가 안먹히고 그냥 text로 보이네요..

구글링 해보니까 부트스트랩의 버전이 낮아서 그럴수도 있다고 하더라고요..
저는 부트스트랩을 그냥 <head> 파일 안에 작성하는거로만 알고있었는데 업그레이드를 해야한다 이런부분은 전혀 모르고 있어서요..
이것과 관계가 있을 수 있을까요?