Question

我在iframe中有一个php文件，其表单结果使用以下jquery代码显示在父文档中。

在示例中，appendTo到<p>和输入元素都有。

就我测试而言，代码在桌面浏览器上运行良好，但在我的手机上却没有。

Jquery的：

<script>
    $('#order').click(function() {
        var free = $('#iframeid').contents().find('#free').text();

        $("<span>" + free + " </span>").appendTo("#g");
        $('.g').val($('.g').val() + free);
    });
</script>

HTML：

<iframe src="whois.php" width="500px" heigth="130px" scrolling="NO" frameborder="0" id="iframeid" ></iframe>    

<button id="order">'order domain</button>
    <p>
        <div id="wrap">
        <p id="g"></p>
    </p>
    <input type="text" class="g" id="inputbox" name="input" placeholder="www.example.com" width="100px"/>
</div>

iframe包含php代码，例如：

$d_reg_mes = "<span class=\"free\" id=\"free\">{$dm}{$ext} </span><span class=\"free\"> is available!</span>";

出于测试目的，如果我使用带有id的span，则代码会打印出一条消息（如果可用）。

但是，我宁愿使用输入文本元素。 span仅用于测试。

Answer 1

我发现适用于我的解决方案：改变：

$('#order').click(function()

TO：

$('#order').on("mousedown",function()

旁注; 有趣与否以下代码仅适用于桌面

$('#order').mousedown(function()

发布在这里，所以你也可以看到一个解决方案，如果你进入相似的。如果有人有解释和/或更好的方式我仍然感兴趣

Answer 2

        <script>
            $('#iframeid').contents().find('#order').click(function() {
                var free = $('#iframeid').contents().find('#free').text();

             $("<span>"+free+" </span>").appendTo("#g");
                $('.g').val($('.g').val() + free);
            });
        </script>

    //OR--------
    <button id="order" onclick="onClickBtn()">order domain</button>
   <script> 
    function onClickBtn(){
     var free = $('#iframeid').contents().find('#free').text();

             $("<span>"+free+" </span>").appendTo("#g");
                $('.g').val($('.g').val() + free);

    }
 </script>

appendTo不在移动设备上工作

2 个答案: