도와주세요!메인슬라이드 코딩인데 a 태그 페이지 이동

게시물 수정 , 삭제는 로그인 필요

<div id="main_Slide">

    <ul class="bxslider">

         <li class="wh"><img src="/web/upload/kuri/kr/main/main_img01.jpg" alt="메인이미지01" />

            <div class="text">

                <h3>감각적인 디자인</h3>

                <h3 class="weight">OUTER</h3>

                <p class="yl">

                    원하는 스타일이 연출됩니다.</span><br/>

                </p>

                

             <a href="#none" class="btn_more white">제품보기</a>

            </div>

        </li>

        <li class="wh"><img src="/web/upload/kuri/kr/main/main_img02.jpg" alt="메인이미지02" />

            <div class="text">

                <h3>감각적인 디자인</h3>

                <h3 class="weight">JEANS</h3>

                <p class="yl">

                    원하는 스타일이 연출됩니다.</span><br/>

                </p>

                

             <a href="#none" class="btn_more white">제품보기</a>

            </div>

        </li>

    </ul>

</div>

<script>

    $('.bxslider').bxSlider({

        mode: 'fade',// 가로 방향 수평 슬라이드

        speed: 500,        // 이동 속도를 설정

        pager: true,      // 현재 위치 페이징 표시 여부 설정

        moveSlides: 1,     // 슬라이드 이동시 개수

        maxSlides: 1,      // 최대 노출 개수

        slideMargin: 0,    // 슬라이드간의 간격

        auto: true,        // 자동 실행 여부

        autoHover: true,   // 마우스 호버시 정지 여부

        controls: true    // 이전 다음 버튼 노출 여부

    });

</script>

-------------------------------메인슬라이드 기존내용---------------------------

급하게 바꿔야 하는데 고수님들 도와주세요!! 

누르면 홈페이지의 다른 페이지로 이동하게 하고 싶은데

이상태에서  a태그에 경로를 넣어봤는데 버튼이 눌러도 반응이 없어요.

뭐가 어떻게 들어가야 할까요??

대충 찾아보고 두가지 

1. <button type="button" class="btn_more blue" onClick="location.href='/sub/outer01.html'">제품보기</button> 랑

2.<a href="#" class="btn_more blue" onclick="location.href='/sub/outer01.html'">제품보기</a>

이렇게 넣어봤는데 안되네요 ㅜ.ㅜ 도와주세요!