2014-03-31 1 views
0

simpleCart (js)와 관련하여 질문이 있습니다. 나는 javascript에 익숙하지 않고 simplecartjs.org에 많은 정보가 있다는 것을 알고 있지만 찾고 있던 대답을 찾을 수 없었다.simpleCart (js) - iframe 사용

내 웹 사이트에 simplecart를 구현하려고합니다. HTML5/CSS3로 완전히 작성되었습니다.

내가 가지고있는 simpleCart (JS) 스크립트와 jQuery 라이브러리를로드하기 위해 머리에 <script src="simpleCart.js"></script> & <script src="jquery.min.js"></script>을 가지고, 나는 품목의 수량을로드하기 위해 몸에 <span class="simpleCart_quantity"></span> & <div class="simpleCart_items"></div> & <div class="simpleCart_total"></div>이 다른 index.html 장바구니 항목 및 장바구니에있는 항목의 총 비용을 나타냅니다. 또한 본문에는 products.html을 프레임에로드하는 iframe이 있습니다.

products.html 정확하게 똑같은 머리가 있지만 몸에는 모든 적절한 클래스가있는 제품 (shelfitems)이 있습니다.

내 웹 사이트를로드하고 장바구니에 추가를 클릭하면 아무 것도하지 않거나 기다립니다. 브라우저를 새로 고친 후에 만 ​​가능합니다. vew 제품을 추가 한 다음 새로 고침을 클릭하면 표시되기 때문에 매우 실망 스럽지만 일부 제품을 삭제하고 카트의 수량을 (+/-)까지 늘린 다음 새로 고침하지 않고 다른 제품을 추가하기 때문에 매우 실망 스럽습니다. 그 사이에, 그것은 삭제 된 제품과 수량의 변화를 등록하지 않을 것입니다.

나는 인터넷을 통해 답변을 찾고, 다른 사람들의 제안을 많이 시도했지만이 문제에 대한 해결책을 찾을 수 없습니다. 알아; iframe없이 잘 동작 할 것이고, 나는 그것을 테스트했다. 하지만 내 웹 사이트에는 iframe이 필요합니다. 왜냐하면 모든 페이지가 iframe에로드되기 때문입니다. 나는이 정보가 문제를 분명하게하는 데 충분할 것이라고 희망한다. 내가 여기에 도움을 얻을 수 있다면 정말 고마워!

답변

0

나는 당신이 우리가 객체를 만들고 콘텐츠에 액세스 할 수 있습니다 iframe 대응의 객체를 만든 다음 내용을 추가 또는 창을 위해 콘텐츠를 삭제할 수 있습니다 추측하지만 iframe 대응 나는 확실하지 오전하지만 대부분 수행 할 수 있습니다

var doc=document.getElementById("frame").contentWindow.document; 
+0

이 코드를 추가 할 위치가 확실하지 않아서 (js haha를 처음 사용했습니다) index.html 머리글/본문과 products.html 머리글/본문에서 가능한 한 모든 방법을 시도했지만 결과. – user3421073

+0

귀하의 iFrame을 객체 ("var doc")로, $ (doc) .html()로 iframe의 모든 요소를 ​​얻는 iframe을 원하는 iframe에서 찾으려면 click 이벤트에 코드를 작성하십시오. ....... – Sid

+0

도움을 주셔서 감사합니다! 나는 그것들을 추가하려했지만 너무 나쁘다. 작동하지 않는다. 아마 simpleCart.js와 관련이 있을지 모르지만 나는 정말로 모른다. – user3421073