在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>');
}
答案 0 :(得分:3)
是的,请保留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');
}
答案 1 :(得分:1)
您可以使用Jquery.load()通过其他页面加载内容,并从那里获取html。
但它会与当前场景不同,因为它将涉及ajax调用以加载您在内部加载的html内容。
答案 2 :(得分:0)
您可以使用jQuery.get()
。
$.get('path/to/html.html', function(data) {
DOMjQueryElement.html(data); //whatever element you want
});
这是API。