0

WordPressテーマのhome.phpファイル内にこのスクリプトを作成divして、数値(1.408)に関連する幅の値を計算しました。この操作により$chars、レスポンシブデザインの抜粋で使用する文字数を確立するための結果(変数内)が得られます。が大きいか薄い場合はdiv、WordPressの抜粋の文字数が異なります。

これは私がHOME.PHPで公開したコードです。抜粋用のJavascriptとそれに続くPHPコード。PHP内のjavascript変数はAjax(他のフォーラムで読む)なしでは不可能であることは知っていますが、正確に何をすべきか理解できません。私はコードがあまり得意ではありません。明確にしてください。可能であれば、いくつかの例を挙げてください。

<script type='text/javascript'>
jQuery(document).ready(function() {
var $myDiv = jQuery('#last_post_img_text');
var $results = jQuery('#results');
var $chars = jQuery( $myDiv.outerWidth()/1.408 );
</script>       

<?php new_excerpt( $chars ); ?>
4

2 に答える 2

0

コメントをAjaxでリロードするのは、悪い決断のようです。実際には変更されないコンテンツをリロードし続けたいのはなぜですか。私はあなたの最善の策はjQueryプラグインを使用することだと思います。

あなたが望むことをしているように見えるものはhttp://www.bramstein.com/projects/text-overflow/です。

または、CSS3プロパティ「text-overflow」(http://www.w3schools.com/cssref/css3_pr_text-overflow.asp)を確認することもできます。

于 2013-01-10T13:32:21.247 に答える
0

アプローチを提案します。ページをロードし、コンテナ要素の幅と高さを確認してから、$。ajaxを使用して要素のコンテンツをロードし、ある種の変数を送信して、使用する文字数を決定します。WordPressの方法でそれを行いたい場合は、以下について読んでください。

add_action('wp_ajax_$handlename', 'function_to_run');
add_action('wp_ajax_nopriv_$handlename', 'function_to_run');

それはあなたのajaxリクエストに対応します。

wp_enqueue_script( 'theme_js', get_bloginfo('template_url') . '/js/jquery-theme.js', array('jquery'), THEME_VERSION, false );
$protocol = isset( $_SERVER["HTTPS"] ) ? 'https://' : 'http://';
$params = array( 'ajaxurl' => admin_url( 'admin-ajax.php', $protocol )  );
wp_localize_script( 'theme_js', 'theme_js', $params );  

これは、wp-ajax.phpローカリゼーションをjQuery$.ajaxリクエストに送信する方法がわからない場合に便利です。

于 2013-01-10T14:07:02.423 に答える