Bam Bee

<p>네 잘 작동합니다 결과적으로 원인은 custom.js 로안하고 파일명을 바꾸니까 되네요 ㅠㅠ</p>

풀 스크린샷입니다 ㅠㅠ

<p>에고 4시간째 해결못했네요</p>
<p>결국 head안에 그냥 스크립트로 넣어서 따라하기로 했습니다.</p>
<p>body안에다가 연결하려 하니까 계속 오류뜨고 custom.js 파일을 따로 연결하는것에서도 오류가 나네요 ㅠㅠ</p>

<p>jquery 기능은 작동되나 아래 계속 에러가 뜹니다... ㅠㅠ 무시하고 그냥하면되나요</p>
<p></p>
<p>아무리 검색해도 해결책이 안나오네요</p>

jquery 링크 관련 오류입니다.

<table class="bottom-panel-table table table-striped table-condensed row-highlight" style="max-width: 100%; border-collapse: collapse; border-spacing: 0px; width: 720px; margin-bottom: 18px; color: #cccccc; font-family: SourceSansPro, Helvetica, Arial, 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 13px; font-variant-numeric: normal; font-variant-east-asian: normal; line-height: 18px; widows: 1; background-color: #2c2c2c;">
<tbody>
<tr class="inspector-section">
<td colspan="4" style="border-top: 1px solid transparent; padding: 4px 0px 4px 5px; line-height: 18px; vertical-align: baseline; font-size: 12px; background-color: #313131;"><span class="disclosure-triangle expanded" style="vertical-align: middle; width: 18px; height: 18px; display: inline-block; transform: translateZ(0px) rotate(90deg); background-image: url('https://www.inflearn.com/questions/images/jsTreeSprites-dark.svg') !important; background-color: transparent; background-position: 7px 5px; background-repeat: no-repeat;"></span><span class="Apple-converted-space">&nbsp;</span>JSLint (3)</td>
</tr>
<tr class="">
<td class="line-number" data-character="0" style="border-top: 1px solid transparent; padding: 4px 0px 0px 15px; line-height: 18px; text-align: right; vertical-align: baseline; font-size: 11px; color: #bbbbbb; font-family: SourceCodePro, 'Menlo Regular', Consolas, Inconsolata, 'Vera Sans', 'Lucida Console', Courier, fixed; white-space: nowrap; width: 5px;">1</td>
<td class="line-icon" style="border-top: 1px solid transparent; padding: 4px 0px 4px 15px; line-height: 18px; vertical-align: middle; font-size: 12px;">
<div class="line-icon-default line-icon-problem_type_warning" style="width: 20px; height: 18px; background-image: url('https://www.inflearn.com/questions/images/topcoat-warning-15.svg'); background-position: 0px 1px; background-repeat: no-repeat;"></div>
</td>
<td class="line-text" style="border-top: 1px solid transparent; padding: 4px 0px 4px 5px; line-height: 18px; vertical-align: baseline; font-size: 12px; width: auto; white-space: nowrap;">'$' was used before it was defined.</td>
<td class="line-snippet" style="border-top: 1px solid transparent; padding: 4px 0px 4px 10px; line-height: 18px; vertical-align: baseline; font-size: 12px; white-space: nowrap; width: 464px;">$('p').css({'display':'none'})</td>
</tr>
<tr class="">
<td class="line-number" data-character="22" style="border-top-width: 1px; border-top-style: solid; border-top-color: transparent; padding: 4px 0px 0px 15px; line-height: 18px; text-align: right; vertical-align: baseline; font-size: 11px; color: #bbbbbb; font-family: SourceCodePro, 'Menlo Regular', Consolas, Inconsolata, 'Vera Sans', 'Lucida Console', Courier, fixed; white-space: nowrap; width: 5px; background-color: #313131;">1</td>
<td class="line-icon" style="border-top: 1px solid transparent; padding: 4px 0px 4px 15px; line-height: 18px; vertical-align: middle; font-size: 12px; background-color: #313131;">
<div class="line-icon-default line-icon-problem_type_warning" style="width: 20px; height: 18px; background-image: url('https://www.inflearn.com/questions/images/topcoat-warning-15.svg'); background-position: 0px 1px; background-repeat: no-repeat;"></div>
</td>
<td class="line-text" style="border-top: 1px solid transparent; padding: 4px 0px 4px 5px; line-height: 18px; vertical-align: baseline; font-size: 12px; width: auto; white-space: nowrap; background-color: #313131;">Missing space between ':' and 'none'.</td>
<td class="line-snippet" style="border-top: 1px solid transparent; padding: 4px 0px 4px 10px; line-height: 18px; vertical-align: baseline; font-size: 12px; white-space: nowrap; width: 464px; background-color: #313131;">$('p').css({'display':'none'})</td>
</tr>
<tr class="">
<td class="line-number" data-character="30" style="border-top: 1px solid transparent; padding: 4px 0px 0px 15px; line-height: 18px; text-align: right; vertical-align: baseline; font-size: 11px; color: #bbbbbb; font-family: SourceCodePro, 'Menlo Regular', Consolas, Inconsolata, 'Vera Sans', 'Lucida Console', Courier, fixed; white-space: nowrap; width: 5px;">1</td>
<td class="line-icon" style="border-top: 1px solid transparent; padding: 4px 0px 4px 15px; line-height: 18px; vertical-align: middle; font-size: 12px;">
<div class="line-icon-default line-icon-problem_type_warning" style="width: 20px; height: 18px; background-image: url('https://www.inflearn.com/questions/images/topcoat-warning-15.svg'); background-position: 0px 1px; background-repeat: no-repeat;"></div>
</td>
<td class="line-text" style="border-top: 1px solid transparent; padding: 4px 0px 4px 5px; line-height: 18px; vertical-align: baseline; font-size: 12px; width: auto; white-space: nowrap;">Expected ';' and instead saw '(end)'.</td>
<td class="line-snippet" style="border-top: 1px solid transparent; padding: 4px 0px 4px 10px; line-height: 18px; vertical-align: baseline; font-size: 12px; white-space: nowrap; width: 464px;">$('p').css({'display':'none'})</td>
</tr>
<tr class="inspector-section">
<td colspan="4" style="border-top: 1px solid transparent; padding: 4px 0px 4px 5px; line-height: 18px; vertical-align: baseline; font-size: 12px; background-color: #313131;"><span class="disclosure-triangle expanded" style="vertical-align: middle; width: 18px; height: 18px; display: inline-block; transform: translateZ(0px) rotate(90deg); background-image: url('https://www.inflearn.com/questions/images/jsTreeSprites-dark.svg') !important; background-color: transparent; background-position: 7px 5px; background-repeat: no-repeat;"></span><span class="Apple-converted-space">&nbsp;</span>ESLint (1)</td>
</tr>
<tr class="selected">
<td class="line-number" data-character="0" style="border-top-width: 1px; border-top-style: solid; border-top-color: transparent; padding: 4px 0px 0px 15px; line-height: 18px; text-align: right; vertical-align: baseline; font-size: 11px; color: #ffffff; font-family: SourceCodePro, 'Menlo Regular', Consolas, Inconsolata, 'Vera Sans', 'Lucida Console', Courier, fixed; white-space: nowrap; width: 5px; background-color: #3d3e40;">1</td>
<td class="line-icon" style="border-top: 1px solid transparent; padding: 4px 0px 4px 15px; line-height: 18px; vertical-align: middle; font-size: 12px; color: #ffffff; background-color: #3d3e40;">
<div class="line-icon-default line-icon-problem_type_error" style="width: 20px; height: 18px; background-image: url('https://www.inflearn.com/questions/images/topcoat-error-15.svg'); background-position: 0px 1px; background-repeat: no-repeat;"></div>
</td>
<td class="line-text" style="border-top: 1px solid transparent; padding: 4px 0px 4px 5px; line-height: 18px; vertical-align: baseline; font-size: 12px; width: auto; color: #ffffff; white-space: nowrap; background-color: #3d3e40;">ERROR: '$' is not defined. [no-undef]</td>
<td class="line-snippet" style="border-top: 1px solid transparent; padding: 4px 0px 4px 10px; line-height: 18px; vertical-align: baseline; font-size: 12px; color: #ffffff; white-space: nowrap; width: 464px; background-color: #3d3e40;">$('p').css({'display':'none'})</td>
</tr>
</tbody>
</table>

Bam Bee

Posts