jQuery函数内的复杂代码

时间:2013-08-24 11:55:26

标签: javascript jquery html ajax

在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>');
    }

3 个答案:

答案 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