Сложные коды внутри функции jQuery

Question

в jQuery Я хочу написать больше кодов внутри функции .html(). И я хочу использовать php-коды. И это написание стиля очень сложно. Трудно читать.

Могу ли я загрузить внешний скрипт php/html?

function() { 
     $(this).children('.product_hover').show() 
     .html('<div class="product_hover_buttons">'+ 
     '<button class="btn btn-success btn-large"><i class="icon-shopping-cart icon-white"></i> '+ 
     '<strong>Add to Cart</strong></button><br/><br/>'+ 
     '<button class="btn btn-primary btn-large"><i class="icon-search icon-white"></i> '+ 
     '<strong>View</strong></button>'+'</div>'); 
    } 

Answer 1

Да, держать template.php файл так:

#template.php 
<div class="product_hover_buttons"> 
<button class="btn btn-success btn-large"><i class="icon-shopping-cart icon-white"></i> 
<strong>Add to Cart</strong></button><br/><br/> 
<button class="btn btn-primary btn-large"><i class="icon-search icon-white"></i> 
<strong>View</strong></button> 
</div> 

Затем вы можете использовать AJAX для загрузки шаблона, как это:

$('#result').load('ajax/template.php'); 

В вашем случае:

function() { 
    $(this).children('.product_hover').show().load('ajax/template.php'); 
} 

Answer 2

вы можете использовать Jquery.load() для загрузки контента через другую страницу и получить HTML вынесенного оттуда.

Но он будет отличаться от текущего сценария, поскольку он будет включать вызов ajax для загрузки содержимого html, которое вы загружаете изнутри.

Answer 3

Вы можете использовать jQuery.get().

$.get('path/to/html.html', function(data) { 
    DOMjQueryElement.html(data); //whatever element you want 
}); 

Вот API.