无法在bootstrap手风琴功能中显示facebook分享按钮

时间:2017-04-11 09:20:39

标签: javascript jquery css twitter-bootstrap facebook

您好我正在使用bootstrap手风琴来显示数据,我正在使用Facebook分享按钮在社交媒体上分享我的帖子,但无法显示分享按钮。这是我的代码。

<?php if(isset($records2) && is_array($records2)):?>
                <?php foreach ($records2 as $r):?>

                <div class="digitalmarketingassociate">
                  <span class="digit"><?php echo $r->job_name ;?></span>
                  <div class="applynow">Apply Now</div>
                  <div class="moreinfo accordion" >More Info</div>
                    <div class="panel">         

                            <h3 class="job">Job Description</h3>
                            <p class="jobdes"><?php echo $r->job_description ;?></p>

                            <h3 class="job">Desired Skills & Experience</h3>
                            <p class=""desiredskills"><?php echo $r->skills_experience ;?></p>

                            <h3 class="job">Educational Qualification</h3>
                            <p class="educationalqua"><?php echo $r->qualification ;?></p>

                            <h3 class="job">Roles and Responsibilities</h3>
                            <ul class="rolesand">
                                <li class="rolesandres"><?php echo $r->roles_responsibilities;?></li>
                            </ul>

                            <h3 class="job">What we offer</h3>
                            <p class="whatweoffer"><?php echo $r->what_we_offer ;?></p>                                

                            <h3 class="job">How to apply</h3>
                            <p class="howtoapp">Email us your resume along with your Linkedin profile on <a href="mailto:hrmanager@xxxxx.com" class="hrmanager">hrmanager@xxxxxx.com</a> Alternatively, you can also apply via <img src="<?php echo base_url();?>theme/images/testimonial/linkedin.png" alt="linkedin" /></p>

                            <h3  class="job">Share this job</h3>                                
   <div class="fb-share-button" data-href="<?php echo base_url()?>career/careers/<?php echo $r ->jobs_id ;?>"data-layout="button_count"></div>
                            <a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                            <span class="linkedincount"><script type="IN/Share" data-url="<?php echo base_url()?>career/careers/<?php echo $r ->jobs_id ;?>" data-counter="right"></script></span>
                            <div class="g-plus" data-action="share" data-height="24" data-href="<?php echo base_url()?>career/careers/<?php echo $r ->jobs_id ;?>"></div>

                    </div>

                </div> 
                <?php endforeach ;endif;?>

我在这里使用过,因此无法在手风琴功能中显示facebook分享按钮。

点击“更多信息”按钮,它将显示有关我们发布的帖子的更多信息。但这里没有显示Facebook分享按钮或linkedin分享按钮等。 如果我删除它然后它将显示社交媒体共享按钮。如果我们不使用那么它将显示帖子的总信息但它不应该以该格式显示。一旦我们点击更多信息,它应该只显示工作名称然后只有它应该显示帖子的信息,包括共享选项。

0 个答案:

没有答案