0

我正在尝试制作一个动态 iframe,它根据用户单击的图片更改其内容页面。

到目前为止,我已经创建了图片并将与新屏幕相关的元素存储在“标题”属性中。到目前为止我的代码:

$(document).ready(function() {

   $('.item').click(function() {
      var title = $(this).title;
      var url = 'http://wiki.mainpart.com/' + encodeURIComponent(title)

      $('#innerdiv').attr('src', url);          

      console.log(url);
   });
});

但是,此代码不起作用。URL 永远不会附加标题,控制台日志仅显示 url 的主要部分。有人可以建议我可以让它工作的方法吗?

4

2 回答 2

2

尝试这个 -

 $('.item').click(function() {
      var title = $(this).attr('title');   // <-- see change in this line
      var url = 'http://wiki.mainpart.com/' + encodeURIComponent(title)

      $('#innerdiv').attr('src', url);          

      console.log(url);
 });
于 2013-05-08T20:18:46.250 回答
1
     var title = $(this).attr('title');

会给你标题属性。

于 2013-05-08T20:18:52.403 回答