Question

我们正在开发移动网络浏览器页面，因为我们已经开发了一页客户详细信息，我们让客户从下拉列表中选择交付时间

但这在桌面网络浏览器中运行良好，在移动网络浏览器中打开时面临问题

我们无法打开下拉列表并选择我们尝试使用jquery打开的各种方法的选项，但我们仍然无法打开它

在每个字段都无法访问之前所以休息我们设法使用jquery聚焦光标但只有下拉选择我们无法打开

实际问题我们已经发现它在头文件中调用js的冲突但我们不能删除那些在其他函数中很重要的js

<script src="<?php echo base_url(); ?>js/jquery-1.10.2.min.js"></script>
<script src="<?php echo base_url(); ?>js/angular.js"></script>
<script src="<?php echo base_url(); ?>js/ngStorage.min.js"></script>
<script src="<?php echo base_url(); ?>js/function.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="<?php echo base_url(); ?>js/animatedModal.min.js"></script>

如果我删除第一个js jquery-1.10.2.min.js，那么我可以打开下拉列表。我也试过很多方式，比如我已经取代了jq`

<div class="login-middel">
    <div class="username-input">
        <input type="text" placeholder="Email" class="email payment_email" value="{{takeAwayUser.mst_customer_email}}"> <span id="payment_email_error" class="payments_error"></span></div>
    <div class="username-input">
        <input type="text" placeholder="Contact" class="contact payment_contact" value="{{takeAwayUser.mst_customer_contact}}"> <span id="payment_contact_error" class="payments_error"></span></div>
    <div class="username-input ">
        <input type="text" placeholder="DD-MM-YY" class="simple_date confirmdate payment_date"> <span id="payment_date_error" class="payments_error"></span></div>
    <div class="username-input" ng-click="getTimeArray()">
        <select class="timepicker confirmtimer payment_time">
            <option>11:30 PM</option>
            <option>12:30 AM</option>
            <option>01:00 AM</option>
            <option>01:30 AM</option>
            <option>02:00 AM</option>
            <option>02:30 AM</option>
        </select>
        <span id="payment_time_error" class="payments_error"></span>
    </div>
    <div class="username-input">
        <textarea placeholder="Remark" class="textarea payment_remark"></textarea> <span id="payment_remark_error" class="payments_error"></span></div>
    <div class="Submit-btn" ng-click="order_payment()">
        <button class="Submit"> PAY <span class="orderPrice">$0.00</span></button>
    </div>

</div>

`

这是我们使用的HTML内容。首先，我们甚至无法关注文本框，但不知何故使用jquery，我们在点击事件中使用了

这是我们用来关注和访问rest html的原因

(function($){
    $.fn.focusTextToEnd = function(){
        this.focus();
        var $thisVal = this.val();
        this.val('').val($thisVal);
        return this;
    }
}(jQuery));

$(document).on("click",'.payment_email,.payment_contact,.payment_date,.payment_remark',function()
{
        $(this).focusTextToEnd();
});

选择Dropdown无法在移动浏览器中打开

0 个答案: