使用Jquery UI选项卡加载发布者广告的双击
我真的很想找到一个将广告从DFP呈现到ajax jquery UI选项卡的解决方案 我在任何地方都做过调查，谷歌没有提供任何支持或文档。我有一个示例js类，我一直在尝试。到目前为止，我无法为我的生活得到一个广告呈现时，标签已加载 我已经使用这个gem加载了所有必要的依赖项。但是我真的希望Ablity能够从ajax加载的内容中动态加载广告使用Jquery UI选项卡加载发布者广告的双击,jquery,ajax,ruby-on-rails-3.2,google-dfp,Jquery,Ajax,Ruby On Rails 3.2,Google Dfp,我真的很想找到一个将广告从DFP呈现到ajax jquery UI选项卡的解决方案 我在任何地方都做过调查，谷歌没有提供任何支持或文档。我有一个示例js类，我一直在尝试。到目前为止，我无法为我的生活得到一个广告呈现时，标签已加载 我已经使用这个gem加载了所有必要的依赖项。但是我真的希望Ablity能够从ajax加载的内容中动态加载广告 class @ScorecardViewController constructor: (@element) -> $(document).
class @ScorecardViewController
constructor: (@element) ->
$(document).bind "tabsload", =>
@tabLoaded()
getGraphData: ->
tabLoaded: ->
@panel = $(CricTabsController.getLoadedPanel(@element))
@loadAdverts()
graphs = @panel.find(".match-graph").map (index, value) ->
$(value).attr("id")
@getGraphData() if graphs.length
loadAdverts: ->
tags = @panel.find("div.google-dfp")
googletag.cmd.push( ->
tags.each ->
$this = $(@)
googleAdSlot = googletag.defineSlot( $this.data('unit'), [$this.width(), $this.height()], $this.attr("id")).addService(googletag.pubads())
googletag.pubads().enableAsyncRendering()
googletag.enableServices()
googletag.display($this.attr("id"))
googletag.callback()
)
$ ->
$el = $('#sections-matches-scorecard')
if $el.length
new ScorecardViewController($el)
查看我创建的插件： 它允许您使用jQuery控制DFP。。。它允许您选择何时加载DFP，这将有助于您使用动态创建的元素 如果您在这里或github上有任何问题，请告诉我 编辑：抱歉，我刚刚意识到我已经回答了你的另一个问题，让你知道我的插件。。。可能不是你想要的我猜。。。但我有一个例子说明你到底想做什么。。。它可能会帮助你找出你的代码哪里出了问题
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Tabs - Content via Ajax</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="https://raw.github.com/coop182/jquery.dfp.js/master/jquery.dfp.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs({
load: function( event, ui ) {
$('.adunit:not(".display-block")').dfp({
dfpID: '15572793',
enableSingleRequest: false
});
}
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Preloaded</a></li>
<li><a href="1.html">Tab 1</a></li>
<li><a href="2.html">Tab 2</a></li>
<li><a href="3.html">Tab 3</a></li>
<li><a href="4.html">Tab 4</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
</div>
</body>
</html>
jQuery UI选项卡-通过Ajax的内容
$（函数（）{
$（“#制表符”）。制表符({
加载：函数（事件、用户界面）{
$（'.adunit:not（“.display block”）.dfp({
dfpID:'15572793'，
enableSingleRequest:false
});
}
});
});
青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯
Tab 1 <div class="adunit" data-adunit="Leader" data-dimensions="728x90"></div>
选项卡1
Tab 2 <div class="adunit" data-adunit="Button" data-dimensions="160x180"></div>
选项卡2
Tab 3 <div class="adunit" data-adunit="Skyscraper" data-dimensions="160x600"></div>
选项卡3
Tab 4 <div class="adunit" data-adunit="Footer" data-dimensions="468x60"></div>
选项卡4