0
웹 응용 프로그램의 경우 Asp.Net MVC 3 응용 프로그램에서 jQTouch를 사용하고 있습니다. 응용 프로그램에는 id ajax_form을 사용하는 주문 양식이 있으며 "orderlink"클래스가있는 링크를 클릭하면 양식에이 링크의 ID와 텍스트가 채워집니다.jQuery가 iPhone의 jQTouch와 작동하지 않습니다.
이 모든 기능은 데스크톱 브라우저에서 앱을 테스트 할 때 제대로 작동합니다. 그러나, 아이폰에 살려고하면 양식이 작동하지만 링크를 클릭 할 때 양식에 값이 삽입되지 않습니다. 그렇다면 데스크톱 브라우저에서는 작동하지만 아이폰에서는 작동하지 않는 이유는 무엇입니까?
다음은 jQuery의 (충돌 또는 발견 뭔가있을 경우 모두를 포함하여,하지만 .submit 클릭 기능 그리고 내가 말하는 겁니다 라이브 클릭 기능 orderlink) :
<script type="text/javascript">
$(document).ready(function() {
updateDetails();
$(".submit").click(function() {
var form = $("#ajax_form");
var action = "@Url.Action("Order")";
var serializedForm = form.serialize();
$.post(action, serializedForm, function(data) {
$('#orderresult').html(data);
});
return false;
});
$('.orderlink').live('click', function() {
var prodno = this.id; //Why should this not have $(this)? Doesn't work then.
var name = $(this).text();
$("#productnumber").val(prodno);
$("#productname").val(name);
});
$(".back").click(function() {
$('#orderresult').html("");
});
$('#names').change(function() {
updateDetails();
});
$('#features').change(function() {
updateDetails();
});
});
function updateDetails() {
var nameid = $('#names').val();
var featureid = $('#features').val();
var url = "@Url.Action("DatabaseDetails")";
$.get(url, {nameid: nameid, featureid : featureid}, function(data) {
$('#databasedetails').html(data);
});
}
</script>
편집 :
이상하게도 콜백 $ ('# orderresult')을 제거하면. html (data); 그것은 시간의 일부를 작동합니다. 그러나 나는 그것이 단지 일부의 시간에만 효과가있는 패턴을 볼 수 없다. 난 그냥 링크를 여러 번 누른 다음 양식을 몇 번 클릭하면 현재 클릭 한 링크의 새로운 값으로 업데이 트됩니다 계속 ... 매우 불안정한 동작. 다음은 주문 링크의 예입니다 :
<a class="orderlink" id="2" href="#ajax_form">Configurator Software</a>
<a class="orderlink" id="1" href="#ajax_form">ACME Hard Drive 2000</a>