链接
我正在开发这个wordpress儿童主题。一切都适用于所有桌面尺寸,但是当我在iphone上运行网站时,所有.remove(),. appendTo(),。insertAfter()等都无法正常工作。
/*jslint browser: true*/
/*global $, jQuery*/
var $j = jQuery.noConflict();
//Add header search form
var search = ("<form role='search' method='get' class='search-form' action='http://edtechtimes.com/'><label><span class='screen-reader-text'>Search for:</span><input type='search' class='search-field' placeholder='Search …' value='' name='s'></label><button type='submit' class='search-submit'><span class='genericon-search'></span></button></form>");
($j("#mainnav")).append(search);
search = $j("#mainnav .search-form").remove();
var searchIcon = $j("a[title='search']").parent().addClass("search-icon");
//Rearrange mobile elements
var sidebar = $j(".secondary");
var social = $j("#topheader");
function arrange() {
if ($j(window).width() <= 960) {
sidebar.insertAfter($j("#post-slider-container"));
social.appendTo($j("#navigation-wrap"));
search.appendTo(searchIcon);
} else {
sidebar.insertAfter($j("#content"));
social.prependTo($j("#header-wrap"));
search.appendTo($j("#mainnav"));
}
}
$j(document).ready(arrange);
$j(window).resize(arrange);