предотвращает загрузку объекта DOM

Question

Я знаю, что можно установить свойство отображения в «none» и переключить его с помощью jquery, но в конечном итоге объект все еще загружен, просто не отображается. Есть ли способ предотвратить загрузку элемента, чтобы сохранить время загрузки? Я использую приведенный ниже код для переключения свойств css, но я хочу, чтобы он не загружал элемент вообще.

JS

var ua = navigator.userAgent.toLowerCase(); 
var isAndroid = ua.indexOf("android") > -1; 
if(isAndroid) { 
    $(".startb").css({"display":"inline-block"}); 
    $(".flashObj").css({"display":"none"}); 
} 
else { 
    $(".startb").css({"display":"none"}); 
    $(".flashObj").css({"display":"inline-block"}); 
} 

мои элементы

<div class="startb"><a href="Audio/004_IAM_God_is_Love.mp3"><img src="dbs/images/start.png" width="40" height="40" /></a></div> 

<div class="flashObj"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="20"> 
      <param name="movie" value="dbs/js/singlemp3player.swf?file=Audio/004_IAM_God_is_Love.mp3&autoStart=false&backColor=000000&frontColor=ffffff&songVolume=90" /> 
      <param name="wmode" value="transparent" /> 
      <embed wmode="transparent" width="200" height="20" src="dbs/js/singlemp3player.swf?file=Audio/004_IAM_God_is_Love.mp3&autoStart=false&backColor=000000&frontColor=ffffff&songVolume=90" 
      type="application/x-shockwave-flash" /> 
      </object></div> 

Answer 1

Вы можете удалить его со страницы:

$(".startb").remove(); 

Но он все равно будет загружен, а затем удаляется.
Так вместо того, чтобы удалить его, когда не требуется, создать его при необходимости ...

Answer 2

Dont положить элемент на странице и создать его, когда вам это нужно.

Если у вас есть html-элемент в html, то его уже есть. Это не должно быть большой нагрузкой, если у вас нет многочисленных версий элемента.

Answer 3

Поместите это в конце файла HTML:

<script type="text/template" id="myContent"> 
    <div>content</div> 
</script> 

Затем добавьте элемент вроде этого:

$('#myContent').appendTo('body'); 

К этому вы экономите время, которое визуализирует элемент. Но все равно вам нужно скачать html. Другой способ сделать это - загрузить контент AJAX.

Answer 4

No.

Некоторые виды элементов нагрузки независимо от того, что вы делаете.

Answer 5

Чтобы загрузить части DOM, вы можете использовать серверный язык, такой как PHP. Хотя это не всегда вариант, он гораздо надежнее, чем клиентский сценарий. Недостатком является то, что отладку может быть сложнее.

Answer 6

Предположим, что на вашей странице есть элемент div.

<div id="containerDiv"> 
</div> 

Вы можете добавить свои элементы на странице загрузки с помощью метода $("#containerDiv").append(). Однако я не вижу причины, почему вы не делаете этого на стороне сервера.

Answer 7

Вы можете использовать AJAX загрузку следующим образом, но вы должны разделить затем на три различных HTML-файлов и один файл JS

JS

var ua = navigator.userAgent.toLowerCase(); 
var isAndroid = ua.indexOf("android") > -1; 
if(isAndroid) { 
$("#container").empty(); 
$("#container").load("startb.html"); 

} 
else { 
$("#container").empty(); 
$("#container").load("flashObj.html"); 
} 

startb.html

<div class="startb"><a href="Audio/004_IAM_God_is_Love.mp3"><img src="dbs/images/start.png" width="40" height="40" /></a></div> 

flashObj ,HTML

<div class="flashObj"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="20"> 
      <param name="movie" value="dbs/js/singlemp3player.swf?file=Audio/004_IAM_God_is_Love.mp3&autoStart=false&backColor=000000&frontColor=ffffff&songVolume=90" /> 
      <param name="wmode" value="transparent" /> 
      <embed wmode="transparent" width="200" height="20" src="dbs/js/singlemp3player.swf?file=Audio/004_IAM_God_is_Love.mp3&autoStart=false&backColor=000000&frontColor=ffffff&songVolume=90" 
      type="application/x-shockwave-flash" /> 
      </object></div> 

И ваш сайт:

<div id="container"></div> 

Пожалуйста, скажите мне, если вам нужна дополнительная помощь?