我有一个带有按钮的 jquery ui 菜单,一旦单击该按钮,就会打开一个 ligthbox 样式的 iframe。我希望按钮单击事件获取选定的菜单值并将其发送到在 iframe 中打开的页面。我尝试了一些不起作用的东西。下面链接中的人设计了一个解决方案,使 javascript 会话变量没有 cookie,但我无法将变量传递给 Session.setVar(string name, mixed value),它总是返回 false,表示会话未设置。它仅在我将字符串作为值传递时才有效。 http://samuli.hakoniemi.net/javascript-session-variables-without-cookies/
我的代码:
<script>
$(function(){
$(".menu").menu({
var selection = ' ';
select: function (event, ui) {
$('.selected', this).removeClass('selected');
// selection is that variable I want to pass to the page that opens in the iframe:
selection = ui.item.addClass('selected').children('a').attr('name');
} // closes select function
}); // closes menu
$("button").click(function(){
//when the button is clicked the css lightbox effect happens and the div below opens an iframe containing the other page.
$("#light").css("display", "block");
$("#fade").css("display", "block");
}); //closes click()
}); // close function()
</script>
//iframe:
<div id="light" class="white_content"><iframe height= "400px" width ="450px" src="http://mydomain.com/invite_1.php"></iframe> </div>
<div>
<ul class="menu" id="menu">
<li><a href="#" name="academic_artStudies" id="academic_artStudies"><img src="" alt="" /><h2>Academic: Art Studies</h2></a></li>
<li><a href="#" name="academic_Literature"><img src="" alt="" /><h2>Academic: Literature</h2></a></li>
<li><a href="#" name="academic_socialSciences"><img src="" alt="" /><h2>Academic: Social Sciences</h2></a></li>
<li><a href="#" name="academic_physicalNaturalSci"><img src="" alt="" /><h2>Academic: Physical/Natural Sciences</h2></a></li>
</ul>
</div>