Question

所以我当前正在使用一个带有iframe的对话框（来自同一个域的页面），以便将iframe中的值返回到对话框所在的页面。除非我提交表格，否则一切都很有效。当我提交搜索表单并尝试单击a以获取输入的id值时，没有任何反应。这是我正在做的事情的一个例子。

带有对话框

的页面

    <html>
    <head>
    <script>
    $(document).ready(function(){
       $('a#booksearch_lnk').click(function(){
            $('.choosebookbox').dialog('open').css('display','block');
                $('#choosebookframe').contents().find('a.choosebook').click(function(){
                    // alert($(this).attr('id'));
                    $("#isbn").val($(this).attr('id'));
                    $('.choosebookbox').dialog("close");
                });
        });
       });
    </script>
    </head>
    <body>
    <div class="choosebookbox" style="display:none">
<h4>Choose your first book</h4><div align="center" style="width: 500px; height: 500px"><iframe scrolling="no" id="choosebookframe" src="http://www.myurl.com/choosebook.php" width="100%" frameborder="0" height="100%"></iframe></div>
    </body>

这是iframe页面......

<html>
<head>
</head>
<body>
<div style="width:600px;height:600px;">
<form action="<?php echo $PHP_SELF;?>" method="get">
<input type="text" name="search" style="width:150px"/>
<input type="submit" value="search" class="orangebtnsm" />
</form>
<? if(isset($_GET['search'])){
    $search = $_GET['search'];
 echo "search for $search";
 echo "<ul>";
 echo "<li><a id='2345676898' class='choosebook'>Book 5</a>";
  echo "<li><a id='1985563345' class='choosebook'>Book 6</a>";
 echo "</ul>";
}
?>
<ul>
<li><a id="1234567898" class="choosebook">Book 1</a></li>
<li><a id="2345676898" class="choosebook">Book 2</a></li>
<li><a id="9854645645" class="choosebook">Book 3</a></li>
<li><a id="1985563345" class="choosebook">Book 4</a></li>
</ul>
</div>
</body>
</html>

Answer 1

我想说尝试使用面向未来的事件处理程序。

交换

$('#choosebookframe').contents().find('a.choosebook').click(function(){...

使用

$('#choosebookframe').contents().find('a.choosebook').live('click',function(){

我认为提交表单时绑定会丢失。

在jquery对话框中提交iframe中的表单

1 个答案: