-1
Kodunda hiçbir şey yanlış görünüyor. Paylaşım bağlantısına ait panelim açılır. Hiçbir şey koduyla yanlış görünür: Bir sınıf "paneli" vardır ve tıklama sınıf "kapak" bir elemanının çocuğu olmayan bir eleman hedefleme ediyoruzBir paylaşım linki için panomu açmam.
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/device.min.js"></script>
<!--=======================================================================================
\t \t \t \t SCRIPT FOR RESPONSIVE TAB
=========================================================================================-->
<!-- InstanceEndEditable -->
<script src="js/marquee.js" type="text/javascript"></script>
\t \t <script>
$(function(){
createMarquee({
});
});
</script>
<script src="script/footmenu.js"></script>
<script language="javascript">
$(document).ready(function() {
// Open in new window
$("#box").click(function() {
window.open($(this).find("a:first").attr("href"));
return false;
});
});
</script>
<script type="text/javascript">
\t \t $(document).ready(function() {
\t \t \t $('#send_sub').click(function() {
\t \t \t \t $text = $('#email_sub').val();
\t \t \t \t $.ajax({
\t \t \t \t \t type: "POST",
\t \t \t \t \t cache: false,
\t \t \t \t \t url: "subscribe_processor.php",
\t \t \t \t \t data: "text="+$text,
\t \t \t \t \t success: function(data) {
\t \t \t \t \t \t alert(data);
\t \t \t \t \t }
\t \t \t \t });
\t \t \t });
\t \t });
\t </script>
\t <script type="text/javascript">
\t \t $(document).ready(function() {
\t \t \t $('#send_sub').click(function() {
\t \t \t \t $text = $('#email_sub').val();
\t \t \t \t $.ajax({
\t \t \t \t \t type: "POST",
\t \t \t \t \t cache: false,
\t \t \t \t \t url: "subscribe_processor.php",
\t \t \t \t \t data: "text="+$text,
\t \t \t \t \t success: function(data) {
\t \t \t \t \t \t alert(data);
\t \t \t \t \t }
\t \t \t \t });
\t \t \t });
\t \t });
\t </script>
\t <script>
\t $(document).ready(function(){
\t \t $(".flip .panel").click(function(){
\t \t \t $(".panel").show();
});
}); \t \t
\t </script>
.share-cont {
\t float: right;
\t padding-top:0;
}
.share-div {
\t padding-top: 10px;
\t position: absolute;
\t z-index: 100;
\t width: 200px;
}
.share-div a {
\t font-size: 16px;
}
.share-div a:hover {
\t color: #008740;
}
.print:before {
\t font-family: 'FontAwesome';
\t content: "\f02f";
\t padding-right: 8px;
}
.share-link:before {
\t font-family: 'FontAwesome';
\t content: "\f045";
\t padding-right: 8px;
}
.print-div {
\t float: left;
\t width: 60px;
}
.panel, .flip {
cursor: pointer;
margin-right: 15px;
float: right;
}
.flip {
\t width: 80px;
}
.panel {
\t background: #FFF; \t
border: 1px solid #ccc;
box-shadow: 2px 2px 2px #888;
\t width: 200px;
\t display:none;
}
div.flip:hover panel{
\t display:block;
\t visibility:visible;
}
.panel h3 {
\t color: #4C2804;
\t font-size: 16px;
\t text-align: center;
\t font-weight: bold;
}
.panel ul li {
\t padding: 5px 0 3px 8px;
}
.fb-share:before {
\t font-family: 'FontAwesome';
\t content: "\f082";
\t margin-right: 8px;
\t color: #385397;
}
.tw-share:before {
\t font-family: 'FontAwesome';
\t content: '\f081';
\t color: #00ACED;
\t margin-right: 8px;
}
.linked-share:before {
\t font-family: 'FontAwesome';
\t content: '\f08c';
\t color: #2175A2;
\t margin-right: 8px;
}
.plus-share:before {
\t font-family: 'FontAwesome';
\t content: '\f0d4';
\t color: #CD3D2C;
\t margin-right: 8px;
}
.mail-share:before {
\t font-family: 'FontAwesome';
\t content: '\f0e0';
\t margin-right: 8px; \t
}
<div class="container well-mini-3">
<div class="col-md-3 col-sm-6 share-cont">
<div class="share-div">
<div class="print-div"> <a href="javascript:window.print()" class="print">Print</a> </div>
<div class="flip"> <a href="#" class="share-link" onclick="event.preventDefault();" >Share</a> </div>
<div class="panel">
<h3>Share this Page</h3>
<ul>
<li><a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $pageURL; ?>" target="_blank" class="fb-share">Facebook</a></li>
<li><a href="https://twitter.com/share?url=<?php echo $pageURL ?>" target="_blank" class="tw-share">Twitter</a></li>
<li><a href="https://www.linkedin.com/shareArticle?summary=&ro=false&mini=true&url=<?php echo $pageURL; ?>" target="_blank" class="linked-share">Linked-in</a></li>
<li><a href="https://plus.google.com/share?url=<?php echo $pageURL ?>" target="_blank" class="plus-share">Google Plus</a></li>
<li><a href="mailto: ?subject=Checkout this webpage&cc= &body=I came across this link and thought it might be helpful.%0A%0A<?php echo $pageName; ?>:%0A<?php echo $pageURL; ?>%0A%0AThanks." class="mail-share">Email</a></li>
</ul>
</div>
\t \t \t
</div>
<!--End of share-div-->
</div>
</div>
. Dnt Knw. – dhamiethekid