2017-12-25 25 views
0

jQuery UI 메뉴 위젯을 사용하여 요소에서 마우스 오른쪽 버튼을 누르면 상황에 맞는 메뉴가 표시됩니다. 불행하게도이 메뉴 요소는 iframe 내부에 있으며 iframe은 작아서 확장 된 메뉴는 iframe에 의해 잘립니다. 요소를 자르지 않고 iframe 위에 메뉴를 표시하는 방법이 있습니까? 불행히도 큰 복잡한 소프트웨어가있어서 iframe 외부의 HTML에서 메뉴 요소를 이동하기가 너무 어렵습니다.jQuery UI - iframe 내부 메뉴

+1

일부 실행 코드 스 니펫이 유용 할 것입니다. – orabis

+1

몇 가지 샘플 코드 또는 링크를 포함 할 수 있습니까? – JasonB

+0

컨텍스트 메뉴가 iframe에서 제공되어야한다면 간단 할 것입니다. (https://stackoverflow.com/questions/12299808/display-element-outside-of-iframe)을 참조하십시오. 우리는 당신이하려고하는 것을 이해하기 위해 약간의 코드를 볼 필요가있다. 그래서 우리는 약간의 대안을 찾을 수있다. – orabis

답변

0

다음 구조는 HTML 형식입니다.

<iframe src="whatever"> 
<div id="rowMenu"> 
</div> 
</iframe> 

내 자바 스크립트 파일에 내가 jQuery를 UI 라이브러리에서 메뉴() 함수를 호출하고

:

$("div#rowMenu).menu({ 
    menus: "div.rowMenu", 
}).css({ 
    "padding-top": 10, 
    "border-radius": "0px 10px 10px", 
    "box-shadow": "3px 3px 3px #444", 
    position: "absolute" 
}).show(); 

그리고이 iframe이 너무 작고 나는 메뉴를 확장하고 때 잘라 있기 때문에 문제입니다 전체적으로 볼 수는 없습니다. 해당 메뉴를 iframe 위에 표시하도록 할 수있는 방법이 있습니까?