2016-02-19 2 views
1

Я пытался сегодня открыть мобильную ссылку с одного из моих webapp, который работает в iframe (тот же домен).Мобильные ссылки в iframe и IOS

Похоже, что эти ссылки не распознаются яблоком?

https://plnkr.co/edit/9Rp87NcVi9Kr4MGDgIwL?p=preview

файл Body

<html> 
    <body> 
     <a href="tel:1-888-888-1212">1-888-888-1212</a> 
     <iframe src="iframe.html"></iframe> 
    </body> 
</html> 

iframe.html

<body> 
    <a href="tel:1-877-877-2323">1-877-877-2323</a> 
</body> 

В следующем plunkr я сделал небольшой пример этого. Мой локальный компьютер может распознавать эти ссылки, как, так и мои многочисленные устройства Android. Хотя, когда дело доходит до IOS, ничего не поделаешь, это будет работать только для ссылки, которая не находится в iframe.

У кого-нибудь была проблема с simillar и она знает решение этой проблемы?

ответ

1

С помощью скрипта, чтобы выбрать родительский документ из iframe, он должен работать. попробуйте это:

редактировать Добавление «целевым =» _ родитель»к якорю подходит для тех, кто просматривает этот ответ

Датируется Ответ:.

<iframe id="test" src="iframe.html"></iframe> 
<script> 
var iframe = document.getElementById("test"); 
var iDoc = iframe.contentDocument; 
iDoc.write('<a target="_parent" href="tel://1-888-888-1212">1-888-888-1212</a>'); 
</script> 
+1

Там не было на самом деле не нужно положить, что в целом сценарий сценария Только добавление target = "_ parent" в мой якорный тэг решил эту проблему Спасибо! – Stacknerd

+0

Рад, что мне помогли, мои рамки были в zend, и мне пришлось использовать этот скрипт, извините за это! – Sanova

+0

Является ли это работать с кросс-доменом? Для страниц, отображаемых в iFrame, просто добавит target = "_ parent"? –