Tôi đang sử dụng lệnh dialog đáng yêu và đơn giản của jQuery để mở một hộp thoại ở phía trước một số nội dung của bên thứ ba được nhúng. Nội dung được nhúng này có thể là một trang từ bất kỳ trang web nào. Tôi CÓ THỂ làm việc này trên một số trang web (Yahoo, Google) nhưng tôi KHÔNG THỂ làm cho nó hoạt động trên các trang web khác (MSN, Johnlewis, FT).Hộp thoại jQuery qua nội dung từ một trang web khác
Tôi đã loại bỏ càng nhiều càng tốt khỏi mã bên dưới để cung cấp cho xương trần của sự cố - mã như được hiển thị hoạt động tốt và hộp thoại hiển thị. Nhưng, nhận xét dòng YAHOO và bỏ ghi chú dòng MSN, sau đó hộp thoại sẽ không hiển thị !!
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<style>
.ui-widget-header { border: 1px solid #aaaaaa; background: #1f84f5 url(images/ui-bg_highlight-hard_75_1f84f5_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; font-size: 20pt; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; font-size: 20pt;}
</style>
<script>
$(document).ready(function() {
$("#thedialog").dialog("destroy");
$("#thedialog").dialog({height:400, width:600, modal: true,
buttons: {Cancel: function() {$(this).dialog("close");}}
});
});
</script>
</head>
<body>
<?php
// WORKING - these pages DO launch a dialog:
$targetlink = 'http://www.yahoo.com';
// $targetlink = 'http://www.bbc.co.uk';
// $targetlink = 'http://www.google.com';
// NOT WORKING - these pages do NOT launch a dialog:
// $targetlink = 'http://www.msn.com';
// $targetlink = 'http://www.johnlewis.com';
// $targetlink = 'http://www.ft.com';
echo file_get_contents($targetlink);
?>
<div id="thedialog" title="Simple dialog box" style="display:none">My girl lollipop</div>
</body>
Điều duy nhất tôi có thể nghĩ là điều gì đó trên một trang web không hoạt động mâu thuẫn với mã của tôi - Tôi đã thử mọi thứ để bẫy lỗi nhưng không thể tìm thấy nguyên nhân nó.
Bất kỳ ai có thể giúp tôi không?
GHI CHÚ: - (1) Tôi biết ví dụ như không cần PHP, nhưng phiên bản đầy đủ hơn không (tôi chỉ tước hầu hết các mã PHP đi để giữ ví dụ này nhỏ). - (2) Tôi đang sử dụng JQuery ở nơi khác trên trang trên phiên bản đầy đủ vì vậy lý tưởng tôi muốn ở lại với JQuery, thay vì giới thiệu một khung/phương pháp thay thế.
Tôi đã kiểm tra mã và có vẻ như nó hoạt động. - Tôi cần thêm chi tiết để giúp –
Tôi đề nghị bạn sử dụng chrome với f12, để xem bạn có gặp lỗi trong bảng điều khiển JS hay không. để biết thêm chi tiết, tôi đã thiết lập một trang wiki về các công cụ dành cho nhà phát triển trong chrome: http://wiki.mograbi.info/developers-tools-for-web-development - bài đăng này cũng giải thích cách bẫy lỗi JS ở các mức khác nhau phương pháp. –
Không có gì mở hộp thoại của bạn. Hủy bỏ "style =" display: none; "một phần của div của bạn và thêm tham số" autoOpen: true "vào hộp thoại của bạn – sdespont