Я уверен, преобразованием некоторых <ul>
в <select>
для небольших устройств, например:Откройте страницу в новой вкладке с JS
$("#blog aside .widget, #blog-single aside .widget").each(function() {
var widget = $(this);
$("<select />").appendTo(widget);
/* option en blanco*/
$("<option />", {
"value" : '',
"text" : widget.find('h3').text()+'..'
}).appendTo(widget.find('select'));
widget.find('ul li a').each(function(){
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo(widget.find('select'));
});
});
И я хотел бы открыть эти ссылки в новой вкладке, это как я пытаюсь:
$("#blog select, #blog-single select").change(function() {
var url = $(this).find("option:selected").val();
/* simulamos target _blank, ya que son externos */
var a = document.createElement('a');
a.href= url;
a.className = 'external';
a.target = '_blank';
document.body.appendChild(a);
a.click();
});
которым, кажется, чтобы сделать работу в Firefox, но в хроме я получаю заблокированное предупреждение всплывающий (это не подумал, что если пользователь нажмет вместо имитации его с JS
любой обходной путь это?
возможно дубликат [Открыть URL в новом окне с помощью JavaScript] (http://stackoverflow.com/questions/4907843/open-url-in-new-tab-using-javascript) – jcubic