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。

jQuery函数内的复杂代码

3 个答案: