2014-03-13 2 views
0

왼쪽에 남은 옵션이 사라지지 않고 같은 페이지에서 옵션을 클릭 할 때 차트를로드해야하는 기능이 있습니다. 내 웹 페이지 디자인은 아래에 첨부 된 것과 같습니다. 자, 말하자면, fly 옵션 하위 항목을 선택하면 같은 페이지에 페이지를로드해야합니다.HTML의 동일한 페이지에 링크로드하기

<li class='has-sub'><a href='some link' target="_self"><span>Sub item</span></a> 
</li> 

그래서 'target ='_ self ''를 언급하여 시도했지만 왼쪽에있는 옵션이 사라집니다. 그럼 어떻게해야합니까?

enter image description here

+2

HTML을 하위 섹션으로 나누고 iframe을 사용하여 특정 섹션에 필요한 URL을로드해야 할 수도 있습니다. –

+0

당신은 그것이 사라진다는 것을 무엇을 의미합니까? 메뉴 항목을 클릭하면 다른 사이트로 이동하고 해당 페이지에서 메뉴를 다시 표시해야합니다. – MilMike

+0

@qxxx : 링크를로드 한 후에도 같은 페이지에 메뉴가 표시되어야합니다. –

답변

0

당신이 target 속성을 지정하는 경우, 링크 중 하나를 같은 창/새 창/새 탭에서 열립니다. 따라서 새 페이지에 왼쪽부터 모든 옵션을 표시해야합니다.

jQuery $('destinationSelector').load('pageurl .someElementContent')을 사용하면 클릭 할 때 동적으로 콘텐츠를로드하는 것이 더 좋습니다.

+0

jquery를 많이 사용하지 않습니다. 어쨌든, 나는 밖으로 시도 할 것입니다 .. 감사합니다 –

0

나는 하나의 페이지 응용 프로그램을 원한다고 생각한다. js 프레임 워크, backboneJS, angular, ember를 사용하여 웹 사이트를 만드십시오.

또는 바로 가기를 시도하십시오. 아약스를 사용하여 아약스 전화를 걸고 내용을 바꿉니다.

+0

난 그냥 html로 시작하고 그래서 나는 js 프레임 워크를 사용하여 내 손을 잡을 시간이 걸릴 것 같아요. 그런 말로, 나에게 간단한 해결책을 제안 해주세요. –

+0

좋습니다. 그래서 아이디어는 일부 HTML 파일에 내용이 있습니다. 파일은 링크의 클릭으로 내용에 따라 분리 될 수 있으며, 아약스 호출을 한 다음 일부 내용을 가져옵니다. div 또는 본문. JQUERY로드 및 아약스를 통과하십시오. 더 도움이 필요하면 의견을 남기십시오. – XciA

+0

그걸 어떻게 할 지에 대한 아이디어는 나에게 줄 것입니다 !! f 도움을 청할게 .. 고마워 !! –

관련 문제