javascript - appendTo 不适用于移动设备

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只是为了测试。

Answer 1

我找到了适合我的解决方案:更改:

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

致:

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

旁注；无论有趣与否，以下代码仅适用于桌面

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

发布在这里，以便您在遇到类似情况时也可以看到一种解决方案。如果有人有解释和/或更好的方法，我仍然感兴趣