Question

这些是我的代码。我正在尝试使用图像为我的phonegap项目制作超链接。感谢任何帮助，因为我是编码的先行者！

<!-Home Page->
       <div data-role = "page" id = "home">
      <div data-role = "header" data-theme ="b">
         <h1>Valentine's Day</h1>
         <a data-role = "button" href = "#Valentino" >Valentino</a>
      </div>
      <div data-role = "content">
         <p>Looking for something to get for your loved ones? </p>
         <a href ="#Valentino"></a><img src = "images/myimage.png" width="250" height="300" class="ui-li-icon"/>
      </div>
   </div>

Answer 1

使用jQuery()函数创建元素，在第二个参数中指定属性和内容。

var link = $('a', {
    href: '#Valentino',
    html: $('img', {
        src: 'images/myimage.png',
        width: 250,
        height: 300,
        "class": 'ui-li-icon'
    }),
});
$("#someDiv").append(link);

Answer 2

只需将<img>放在<a>：

中

<a href="#Valentino">
  <img src="images/myimage.png" width="250" height="300" class="ui-li-icon" />
</a>

如何使用Jquery使用图像创建超链接？

2 个答案: